Die Kommandozeile von Firefox

Firefox-Befehle für Web-Designer

von - 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
Bildschirmgröße simulieren: Hier zeigt Firefox eine Auflösung von 320 x 480 Pixeln, was der HVGA-Auflösung vieler Mobiltelefone entspricht
Mit der Kommandozeile lassen sich Bildschirmgrößen simulieren. Damit lässt sich beispielsweise ausprobieren, wie viel von einer Webseite Sie auf einem Smartphone oder auf einem Tablet-PC sehen. Dazu geben Sie den Befehl resize on ein. Die Webseite hat nun rechts und unten kleine Anfasser. Mit der Maus ziehen Sie die Seite damit auf die gewünschte Größe.
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
Webseiten analysieren: Die dreidimensionale Ansicht zeigt auf originelle Art und Weise, wie eine Webseite aufgebaut ist
Neben dem Button „Web-Konsole“ finden Sie die Schaltfläche „Untersuchen“. Diese Funktion bietet eine unterhaltsame Möglichkeit, den Aufbau einer Webseite zu durchleuchten.
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.
Verwandte Themen