Die Kommandozeile von Firefox
Firefox-Befehle für Web-Designer
von Andreas Dumont - 13.06.2013
Viele Befehle und Funktionen der Firefox-Kommandozeile sind besonders bei der Erstellung und Analyse von Webseiten nützlich.
Bildschirmgröße festlegen
Bildschirmgröße simulieren: Hier zeigt Firefox eine Auflösung von 320 x 480 Pixeln, was der HVGA-Auflösung vieler Mobiltelefone entspricht
Oder Sie stellen über das Menü am Kopf der Seite eine vorgegebene Bildschirmauflösung ein, zum Beispiel „320x 480“ Pixel. Ein Klick auf „Drehen“ ändert das Seitenverhältnis. Um wieder zur ursprünglichen Auflösung zurückzukehren, drücken Sie einfach die Taste [Esc] oder tippen den Befehl resize off ein.
Firefox neu starten
Eine schnelle Möglichkeit, den Browser neu zu starten, ist der Befehl restart. Er schließt Firefox und startet ihn sogleich wieder neu. Alle zuvor geöffneten Tabs werden dabei wiederhergestellt.
Webseiten modifizieren
Eine nette Spielerei: Der Befehl pagemod verändert die aktuell geladene Webseite. Wenn Sie etwa mit der Seite www.com-magazin.de den Befehl pagemod remove element img ausführen, dann verschwinden auf der Webseite sämtliche Bilder und Sie erhalten die Meldung, dass Firefox 19 Treffer gefunden hat. Ersetzen Sie img durch a, dann verschwinden alle Links.
Ebenso lassen sich etwa Überschriften mit h1, Formulare mit form und Tabellen mit table aus der Seite eliminieren.
Seitenaufrufe protokollieren
Die Entwickler-Symbolleiste beherbergt neben der Kommandozeile noch weitere Elemente. Der Button „Web-Konsole“ etwa offenbart, was beim Aufruf einer Webseite so alles im Hintergrund abläuft. Wenn Sie „Web-Konsole“ anklicken, dann erscheint ein neuer Teilbereich. Dort setzen Sie bei „Netz“ ein Häkchen vor „Log“ und rufen dann eine Webseite auf. Sie sehen, dass mitunter Dutzende Unterseiten, Skripts und Ressourcen im Hintergrund aufgerufen werden.
Um ein Element näher unter die Lupe zu nehmen, klicken Sie es an. Es erscheint ein neues Fenster mit ausführlichen Header-Informationen.
Webseiten analysieren
Webseiten analysieren: Die dreidimensionale Ansicht zeigt auf originelle Art und Weise, wie eine Webseite aufgebaut ist
Klicken Sie auf „Untersuchen“ und anschließend auf „3D-Ansicht“. Sie erhalten eine dreidimensionale Darstellung der aktuellen Webseite. Sie lässt sich mit der Maus in alle Richtungen drehen. Wenn Sie eines der Elemente anklicken, dann sehen Sie in der Leiste darunter, an welcher Stelle in der verschachtelten HTML-Hierarchie es platziert ist.
Der zweite Button „Stil“ führt Sie zu den CSS-Eigenschaften der Webseite. Wenn Sie auf ein Seitenelement klicken, dann erscheinen rechts die entsprechenden CSS-Angaben. Diese lassen sich verändern. Die Auswirkungen sehen Sie sofort auf der Webseite.
Um die Kommandozeile zu schließen, klicken Sie rechts auf das x-Symbol.