1

ich gerade entdeckt, das heute:Chrome oder FF-Äquivalent zu CSS-Änderungen des IE-Debuggers?

enter image description here

Ich weiß Chrome persistierendem Änderungen als eine Option hat, aber nicht so schön bei der Arbeit auf verschiedene Server (die in seinem eigenen Recht kühl ist).

Haben Chrome oder Firefox etwas ähnliches oder ein Add-on, das vielleicht funktioniert?

+0

wäre wahrscheinlich eine bessere Passform für [Super-User] (https://superuser.com). – user3351605

+0

Sie können den Teil Ihrer Frage entfernen, der nach einem Add-On fragt, das dies tut. Wenn Sie nur gefragt haben, ob es in den DevTools des Browsers gemacht wird, dann wäre es ein Thema (von Programmierern häufig verwendete Software-Tools). Wenn Sie uns bitten, ein Add-on zu finden, das das tut, was Sie wollen, ist Off-Topic: Fragen, die uns dazu auffordern ** ein Buch, ein Tool, eine Softwarebibliothek, ein Tutorial oder eine andere Offsite-Ressource zu empfehlen oder zu finden, sind nicht Thema ** Stap Overflow, da sie dazu neigen, eigensinnige Antworten und Spam zu bekommen. Beschreiben Sie stattdessen das Problem und was bisher unternommen wurde, um es zu lösen. – Makyen

Antwort

4

Die Registerkarte Verlauf in Chrome DevTools zeigt Ihnen die von Ihnen vorgenommenen CSS-Änderungen mit der Möglichkeit, sie rückgängig zu machen. Es ist eine sehr einfache Benutzeroberfläche, und es funktioniert nicht so gut, wenn Sie die vorhandenen Stylesheets ändern. Wenn Sie ein neues Inspektor-Stylesheet hinzufügen und Stile festlegen oder überschreiben, können Sie jede Änderung als separaten Eintrag auf der Registerkarte Verlauf anzeigen.

Es gibt wahrscheinlich Erweiterungen, die einen besseren Job machen können, bis der eingebaute verbessert.

CSS changes

1

devtools Firefox (ab Firefox 51.0.1) zeigen Ihnen, mit einem kleinen grünen Streifen neben der Art, dass er wurde verändert, aber sie haben keinen separaten Panel alle Änderungen aufzulisten. Diese

Changed styles in Firefox DevTools *Rules* side panel

Verwandte Themen