24Aug
Bei richtiger Konfiguration kann Firefox zum ultimativen Web-Entwicklungstool werden, mit dem Sie direkt auf die Seite zugreifen können, an der Sie gerade arbeiten. So können Sie Ihre Seite in Echtzeit formatieren, Javascript debuggen oder sogar den HTML-Code bearbeiten.
Erstellen Sie ein separates Profil für die Web-Entwicklung
Wenn Sie alle diese Entwicklungstools installieren, wird Firefox zu einem sehr starken Browser. Daher sollten wir zuerst ein neues Profil für Firefox erstellen.
Sie können ein separates Profil gleichzeitig mit Ihrem regulären Profil starten, indem Sie eine neue Verknüpfung mit diesen Argumenten erstellen und WebDev durch den Namen Ihres Profils ersetzen. Es gibt auch eine ausführlichere Erklärung, wie dies zu tun ist.
firefox.exe -P WebDev -no-remote
Jetzt, wo Sie Firefox mit einem separaten Profil nur für Web-Entwicklung konfiguriert haben, werfen wir einen Blick auf die Erweiterungen, die wir verwenden können, um Firefox zum ultimativen Web-Entwicklungstool zu machen.
Must-Have Web Dev-Erweiterungen
Dies sind alle Erweiterungen, die ich regelmäßig für die Webentwicklung verwende.
Firebug
Firebug ist die mächtigste Erweiterung für das Debugging von Javascript, Anzeige von CSS und HTML.Sie können den Code und das CSS dynamisch ändern und damit Ihren Ajax-Code debuggen. Es ist wirklich die beste Erweiterung da draußen.
Web-Entwickler-Erweiterung
Eine der besten Erweiterungen für x Jahre läuft. Dies ist ein Muss für jeden Entwickler, aber Sie haben bereits davon gehört.
Aardvark Extension
Diese Erweiterung ist eine sehr leichte Erweiterung, die Ihnen die Elemente auf der Seite und ihre zugewiesene Klasse / ID leicht zeigt. Es ist einfacher zu verwenden als die Web-Entwickler-Erweiterung für die Zeiten, wenn Sie nur die Quick-Info für ein Element benötigen. Sie können damit auch Elemente von der Seite entfernen.
Colorzilla
Wählen Sie Farben leicht aus. Kein Problem mehr, Farben irgendwo in einem Stylesheet zu finden.
Ansichtsquelle mit
Sie können mehrere Ansichtsquellenprofile einrichten, um die Quelle in verschiedenen Anwendungen zu öffnen.
HTML-Validator
Mit dieser Erweiterung können Sie den HTML-Code Ihrer Seite auf einfache Weise validieren und im Fenster "Quelltext anzeigen" installieren.
Greasemonkey
Greasemonkey
Es ist nicht gerade eine Erweiterung für Webentwickler, aber Greasemonkey ist großartig, nicht zuletzt wegen der Möglichkeit, häufig durchgeführte Aktionen zu automatisieren, was Webentwicklern viel Zeit spart.
Messen Sie es
Leicht messen Sie eine Entfernung auf dem Bildschirm mit dieser Erweiterung. Sobald Sie einen Bereich gemessen haben, können Sie das Rechteck um den Bildschirm ziehen, um es als Vergleich zu verwenden.
IE / IE Registerkarte / OperaView / Firefox Ansicht / Safari Ansicht / IE Ansicht Lite
Diese Erweiterungen( Sie haben die Wahl) können Sie einfach die aktuelle Seite in verschiedenen Browsern anzeigen. IE Tab lässt Sie sogar IE innerhalb einer Registerkarte ausführen, wenn Sie so geneigt waren.
Cache löschen Schaltfläche
Löscht den Cache. Besonders nützlich zum Überprüfen neuer CSS-Änderungen.
Firefox neu starten
Die Firefox-Erweiterung zum Neustarten ist sehr nützlich, um Firefox zu beenden und neu zu starten, wobei alle Registerkarten und Sitzungen intakt sind.
Tab Plus
Die Tab Mix Plus Erweiterung ist eine großartige Erweiterung im Allgemeinen, hat aber einige wesentliche nützliche Funktionen für Webentwickler: Duplicate Tab und Copy Tab URL.
YSlow
Die Erweiterung YSlow ist eine neue Erweiterung von Yahoo, die Ihre Seite analysiert und Ihnen sagt, wo Sie Fehler machen. Es wird Ihnen sogar eine Note für die Leistung Ihrer Website geben. Sie werden das kleine Messgerät in der unteren rechten Ecke bemerken. .. es zeigt Ihnen die Gesamtgröße Ihrer Seite sowie die Ladezeit. Sehr nützliche Erweiterung, aber es erfordert die Firebug-Erweiterung.
Dummy Lorem Ipsum
Die Dummy-Lipsum-Generator-Erweiterung erzeugt Dummy-Inhalte für Sie basierend auf dem berühmten Lorem-Ipsum-Text, der sehr nützlich ist, um gefälschte Inhalte auf Ihrer Website zu platzieren.
Screengrab!
Mit der Erweiterung Screengrab können Sie Screenshots von Seiten erstellen, aber Sie können etwas tun, was ein normales Screenshot-Tool nicht kann - es kann ein Bild von der gesamten Seite machen, nicht nur vom sichtbaren Teil.
Es gibt Tonnen von anderen Erweiterungen, die Sie verwenden können, aber diese sind die Besten der Besten von allem, was ich gesehen habe. Wenn Sie eine andere Erweiterung haben, die Sie regelmäßig verwenden, hinterlassen Sie eine Erwähnung in den Kommentaren.
An diesem Punkt haben Sie Firefox jetzt zum ultimativen Webentwicklungswerkzeug gemacht. Nehmen Sie sich die Zeit zu lernen, wie Sie besonders Firebug verwenden.