- - CSS-Nutzung: Auf Webseiten verwendete CSS-Regeln anzeigen und Datei exportieren [Firefox]

CSS-Nutzung: Auf Webseiten verwendete CSS-Regeln anzeigen und Datei exportieren [Firefox]

Sind Sie schon einmal auf eine Webseite gestoßen und haben diese gefundenSie sind neugierig auf die Stile, die sie verwendet haben? Unabhängig davon, ob Sie ein professioneller Designer sind, der an einer Website arbeitet oder einfach nur CSS als Hobby oder Nebenprojekt erlernt, können Sie anhand der Implementierung von CSS durch verschiedene Websites die vielfältigen Möglichkeiten prüfen, wie Sie es in Ihren eigenen Projekten verwenden können. CSS-Nutzung ist eine Firefox-Erweiterung, mit der Sie die auf jede Webseite angewendeten CSS-Regeln anzeigen und das CSS-Blatt in einer neuen Registerkarte exportieren können.

Um die Erweiterung nutzen zu können, muss Firebug installiert sein, da es die Funktionalität von Firebug erweitert. Besuchen Sie nach der Installation eine Website und öffnen Sie Firebug. Eine zusätzliche Registerkarte CSS-Nutzung wird zur Firebug-Oberfläche hinzugefügt. Klicken Sie auf die Registerkarte und drücken Sie die Scan Taste. Alle angewendeten CSS-Regeln und die Häufigkeit, mit der sie auf der Webseite verwendet wurden, werden aufgelistet.

CSS-Nutzung

Auf einer Webseite können mehrere CSS-Dateien verwendet werden. Erweitern und reduzieren Sie diese, um jede Datei und ihren Inhalt anzuzeigen.

CSS-Verwendungsansicht in Firebug

Sie können die Erweiterung so einstellen, dass jede besuchte Seite automatisch gescannt wird, indem Sie auf klicken Auto Scan Taste. Die Schaltfläche schaltet den automatischen Scan ein und aus. Wenn Sie eine Seite einer Site besuchen, wird sie von der Erweiterung automatisch nach den angewendeten CSS-Regeln durchsucht und entsprechend geladen. Um die CSS-Datei selbst anzuzeigen, klicken Sie auf den fettgedruckten schwarzen Dateinamen. Die Datei wird auf einer neuen Registerkarte geöffnet.

Export der CSS-Verwendungsdatei

Das Layout der CSS-Datei kann zwar verbessert werden, es reicht jedoch aus, um sich ein Bild davon zu machen, wie unterschiedlich der Stil war.

Installieren Sie die CSS-Nutzungserweiterung für Firefox

Bemerkungen