Neues WebTool Page-/Style-Inspector ab Firefox 10 kurz vorgestellt

Der Page-Inspector (Style-Inspector oder auch Webseiten-Inspektor genannt) ist ein neues Tool, welches Mozilla dem Firefox 10 hinzugefügt hat.

Dieses Tool lässt sich auf vier Wegen aufrufen.

1.) über Rechtsklick "Element untersuchen (Q)"

2.) über Rechtsklick und Taste q

3.) über die Tastenkombination [STRG]+[UMSCHALT]+[i]

4.) über das Firefox-Menü "Extras" - Web-Entwickler - Untersuchen

oder über "Extras" - Web-Entwickler - Inspektor

Der Bildschirm verdunkelt sich etwas. Nun kann mit der Maus über den Text, das Bild oder die Tabelle gewandert werden und der Inspektor zeigt dazugehörige Informationen im Fuß der Webseite an (html, body, div, span etc.), damit Sie die Webpage bearbeiten oder Fehler beseitigen können.

Der Button "Style" ganz unten rechts in der Werkzeugleiste zeigt weitere Infos an. Unter Eigenschafts-basierte Ansicht können Sie Element-Styles untersuchen, unter Regel-basierte Ansicht können Sie sich CSS ansehen oder überarbeiten.

Über den Button "HTML", ebenfalls unten rechts, kann der HTML-Code jedes Elements angezeigt werden, was alternativ auch mit [Strg]+[h] möglich ist.

Eigenschafts-basierte und Regel-basierte Ansicht

Zum Schließen des Inspektors ist ganz unten rechts neben "Style" der entsprechende Button.

Für Webentwicklungs-Profis ist der Inspektor wahrscheinlich nicht gerade das Hammer-Tool, doch für neugierige Internet-User oder Homepage-Bastler ist er bestimmt einen Blick wert.

Inspektor-Tool deaktivieren

Wer mit dem Tool gar nichts anfangen kann, deaktiviert dieses Feature über about:config in der Adresszeile - in der Suchzeile: devtools.inspector eingeben und den Eintrag devtools.inspector.enabled doppelt anklicken, sodass der Wert von "true" auf "false" wechselt. Firefox muss neu gestartet werden.

Der Inspektor ist der Nachfolger vom Add-on DOM Inspector.

In Version 11 wurde dem Inspektor-Tool auch eine 3D-Ansicht spendiert.
Zu finden unter Menü "Extras" - Web-Entwickler - Untersuchen - Button "3D-Ansicht".

WinTotal-Tipp: Webseiten in 3D-Ansicht
WinTotal-Tipp: Firefox versteckte Befehle in der neuen Kommandozeile

23 Bewertungen

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne Ø 3,87
Das neue Inspektor-Tool ab Firefox 10
Loading...