Handliche Firefox 16 Developer-Symbolleistenbefehle für fortgeschrittene Benutzer

Veröffentlicht letzte Woche, Firefox 16 bot etwas Wichtiges für Entwickler - die neue Developer Toolbar. Mit der neuen Symbolleiste können Sie alle anderen Entwicklertools steuern, d. H. Debugger, Webkonsole und Inspektor. Es enthält außerdem einige zusätzliche Befehle zum Steuern von Add-Ons oder Firebug. Wenn die Symbolleiste für Entwickler gedacht ist, bietet sie einige Optionen, die das Leben eines fortgeschrittenen Benutzers erheblich erleichtern können. In diesem Beitrag werden die Verwendung und der Umfang der Entwickler-Symbolleiste sowie Befehle beschrieben, die ein Hauptbenutzer als nützlich erachten könnte.

Anfängerhandbuch zur Entwickler-Symbolleiste

Zugriff & Layout

Um die Entwickler-Symbolleiste zu öffnen, gehen Sie zu Extras> Webentwickler> Entwickler-Symbolleiste oder drücken Sie die Taste F2. Die Symbolleiste wird am unteren Rand des Fensters angezeigt. Wenn Sie die Add-On-Leiste aktiviert haben, wird die Entwickler-Symbolleiste darüber angezeigt. Es verfügt über ein Eingabefeld zum Eingeben und Ausführen von Befehlen sowie drei Schaltflächen zum Umschalten zwischen der Webkonsole, dem Inspektor und dem Debugger. Elemente in einem beliebigen Menü, das in der Entwickler-Symbolleiste angezeigt wird, können mit den Aufwärts- / Abwärtspfeiltasten ausgewählt und durch Drücken der Eingabetaste ausgeführt werden.

Syntax

Die Developer Toolbar verfügt über eine eigene Syntax zum Ausführen von Befehlen. Es ist nicht schwierig und sollte nach ein paar Tagen leicht zu merken sein, wenn man bedenkt, dass es neu und benutzerfreundlich ist Firefox hat möglicherweise Hinweise hinzugefügt, um hervorzuheben, was als nächstes kommt, wenn Sie einen Befehl eingeben. Zum Beispiel, wenn Sie eingeben Hilfe, [Suche] wird angezeigt, um anzuzeigen, dass Sie den Befehl eingeben können, für den Sie die Hilfe suchen möchten.

Befehle nachschlagen

Es ist einfach, einen Befehl nachzuschlagen, was er tut und wie die Syntax des Befehls lautet. eintippen Hilfe in der Symbolleiste und drücken Sie die Eingabetaste (ignorieren Sie die [Suche] Zeichenfolge, die angezeigt wird). Eine Liste der von der Symbolleiste unterstützten Befehle und die Syntax für den Zugriff auf die Hilfe für jeden Befehl werden angezeigt. Alternativ können Sie die F1-Taste drücken, um die Liste anzuzeigen. Sie ist jedoch nicht so umfassend wie die, die Sie durch Eingabe erhalten Hilfe.

Wenn Sie die Hilfe eingeben, wird ein Popup mit 17 Befehlen geöffnet. Jeder Befehl verfügt über zusätzliche Befehle. In diesem Popup erfahren Sie, was Sie eingeben müssen, um auf die Hilfe für diese Befehle zuzugreifen, sowie eine kurze Beschreibung der einzelnen Befehle.

Befehle

hinzufügen

Mit diesem Befehl können Sie gemäß seiner Beschreibung Add-Ons bearbeiten. Insbesondere können Sie damit eines der installierten Add-Ons aktivieren oder deaktivieren oder eine vollständige Liste aller installierten Add-Ons anzeigen. Die folgende Syntax wird verwendet (ohne eckige Klammern).

• [hinzufügen enable], um ein Add-On von zu aktivieren Liste
• [hinzufügen disable], um ein Add-On von zu deaktivieren Liste
• [hinzufügen list], um eine Liste aller installierten Add-Ons anzuzeigen

Sie können dem letzten Befehl eine zusätzliche Zeichenfolge hinzufügen, um einzugrenzen, welche Art von Add-Ons Sie auflisten möchten, d. H. Wörterbuch, Erweiterung, Gebietsschema, Plugin, Thema oder alle. Wenn Sie das nicht eingeben Art Wenn Sie die Zeichenfolge drücken und die Eingabetaste drücken, wird eine Liste aller installierten Add-Ons angezeigt, wobei die deaktivierten deaktiviert sind.

Pref

Mit diesem Befehl können Sie den Wert einer Firefox-Voreinstellung überprüfen. Normalerweise müsste man das etwa besuchen:Konfigurationsseite und suchen Sie nach einer Voreinstellung, um deren Wert nachzuschlagen. Geben Sie den Namen oder einen Teil des Namens einer Voreinstellung ein, und die Entwicklersymbolleiste sucht während der Eingabe danach. Dies gilt für die folgenden drei Befehle.

• [Präf Zurücksetzen] setzt den Wert einer Voreinstellung auf den Standardwert zurück und wird um den Namen der Voreinstellung erweitert.
• [Präf set] ändert den Wert einer Voreinstellung. Die Syntax wird um den Namen des erweitert Präf und den Wert, den Sie dafür festlegen möchten. Der Wert kann in Form von wahr / falsch, 1/0 oder einem numerischen Wert angegeben werden
• [Präf show] zeigt den aktuellen Wert der von Ihnen eingegebenen Einstellungen an.

Größe ändern

In Firefox 15 führte Mozilla a Responsive Design Tool Dadurch konnten Benutzer die Größe des ändern Website innerhalb des Fensterrahmens auf eine beliebige Größe oder auf eine der Voreinstellungen. Mit dem Befehl Größe ändern können Sie das reaktionsschnelle Entwurfswerkzeug öffnen / schließen, die Größe ändern oder die Größe auf eine beliebige Breite oder Höhe ändern.

• [Größe ändern aus] schaltet das responsive Design-Tool aus
• [Größe ändern on] schaltet das Responsive Design Tool ein
• [Größe ändern Mit to] können Sie die Größe einer Webseite im Responsive Design Tool ändern. Während der Eingabe wird die Syntax um die Breite und Höhe der Seite erweitert
• [Resize toggle] schaltet das responsive Design-Tool um, das mit dem bereits vorhandenen Ein / Aus-Befehl ziemlich redundant ist

Neu starten

Firefox hatte nie wirklich eine Neustart-Schaltfläche, was ärgerlich ist, wenn man bedenkt, wie oft man sie neu starten muss. Selbst bei einigen Add-Ons ohne Neustart ist ein Neustart erforderlich, damit die Add-Ons funktionieren. Mit dem Befehl Restart können Sie Firefox in einem von zwei Modi neu starten. Wenn Sie dem Befehl mit True folgen, wird kein Inhalt aus dem Cache geladen. Wenn Sie ihm mit False folgen, wird der Inhalt erneut aus dem Cache geladen

• [neu starten true] wird nicht aus dem Cache geladen
• [neu starten false] lädt Inhalte von Zwischenspeicher

Bildschirmfoto

Mit der neuen CLI von Firefox müssen Sie sich nicht mehr auf Erweiterungen verlassen, um einen Screenshot einer Webseite zu erstellen. Die Entwickler-Symbolleiste enthält ein Screenshot-Dienstprogramm, mit dem Sie Screenshots aufnehmen und einen zeitverzögerten Screenshot von a erstellen können Website.

[Bildschirmfoto] Dies wird um den Namen erweitert, mit dem die Datei gespeichert wird, die Verzögerungszeit und ob ein Screenshot des sichtbaren Bereichs der Webseite oder der gesamten Seite erstellt werden soll. Zum Beispiel:

Bildschirmfotosüchtig machende Tipps 5 wahr

Es wird ein Screenshot von a aufgenommen WebsiteSpeichern Sie die Datei unter dem Namen „süchtig machende Tipps “Es wird eine Verzögerung von 5 Sekunden geben, bevor der Screenshot aufgenommen wird, und es wird der gesamte aufgenommen Website. Tests haben gezeigt, dass unabhängig von dem Wert für volle Seite eingestellt wurde, wurde nur der sichtbare Bereich erfasst. Darüber hinaus können Sie ein bestimmtes CSS-Element definieren, das im Screenshot erfasst werden soll.

Neigung

In der 3D-Neigungsansicht, die erstmals in Firefox 11 einige Versionen eingeführt hat, können Sie Teile Ihrer Webseite mit jedem Element in einer eigenen Ebene anzeigen. Die Funktion ist nützlich, um defekten HTML-Code zu finden oder um zu überprüfen, welches Element auf das nächste übergeht, oder um einfach nur Spaß zu haben. Mit den Neigungsbefehlen in der Entwicklersymbolleiste können Sie sie öffnen und schließen. Maße einstellen zum Drehen, Zurücksetzen der Bemaßungen, Verschieben der Bemaßungen entlang der X- und Y-Achse und Vergrößern der Webseite.

• [Neigung Schließen] & [Neigen öffnen] Schließen und öffnen Sie die 3D-Ansicht
• [Neigungzurücksetzen] setzt die Rotationswerte auf dem zurück Website
• [Neigungdrehen] können Sie Werte eingeben, um die Seite zu drehen. Die Syntax wird erweitert, um einen Wert für die X-, Y- und Z-Achse einzugeben.
• [NeigungZoomen] zoomt auf die Webseite und erweitert sie um die Zoomstufe. Der Zoom wird nicht auf die absolute Zoomstufe angewendet, sondern auf den relativen Zoomwert der aktuellen Seite.

Wenn die Funktion nicht funktioniert, ist WebGl möglicherweise deaktiviert. Gehe zu ungefähr:config oder verwenden Sie den oben beschriebenen Befehl Pref, um den Wert von festzulegen webgl.behindert zu falsch und der Wert von webgl.Force-Enabled zu wahr.

Die neue Entwickler-Symbolleiste enthält einige andere Befehle. Wenn Sie jedoch kein Entwickler sind, werden Sie wahrscheinlich nicht interessiert. Für Hauptbenutzer scheinen diese das nützlichste zu sein, obwohl reguläre Benutzer es wahrscheinlich weitergeben müssen.