Bei ordnungsgemäßer Konfiguration kann Firefox zum ultimativen Webentwicklungstool werden, mit dem Sie direkten Zugriff auf die Seite erhalten, an der Sie arbeiten, sodass Sie Ihre Seite in Echtzeit formatieren, Javascript debuggen oder sogar das HTML bearbeiten können.
Erstellen Sie ein separates Profil für die Webentwicklung
Durch die Installation all dieser Entwicklungstools wird Firefox zu einem sehr umfangreichen Browser. Daher sollten wir zunächst 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 ein detailliertere Erklärung wie man das macht.
fireox.exe -P WebDev -no-remote
Nachdem Sie Firefox mit einem separaten Profil nur für die Webentwicklung konfiguriert haben, werfen wir einen Blick auf die Erweiterungen, mit denen wir Firefox zum ultimativen Webentwicklungstool machen können.
Must-Have-Webentwicklungserweiterungen
Dies sind alles Erweiterungen, die ich regelmäßig für die Webentwicklung verwende.
Firebug ist die leistungsstärkste Erweiterung zum Debuggen von Javascript, Anzeigen von CSS und HTML. Sie können dynamische Änderungen am Code und am CSS vornehmen und damit Ihren Ajax-Code debuggen. Es ist wirklich die beste Erweiterung da draußen.
Eine der besten Erweiterungen seit x Jahren. Dies ist ein Muss für jeden Entwickler, aber Sie haben bereits davon gehört.
Diese Erweiterung ist eine sehr einfache Erweiterung, mit der Sie auf einfache Weise die Elemente auf der Seite und ihre zugewiesene Klasse / ID anzeigen können. Es ist einfacher zu verwenden als die Webentwickler-Erweiterung, wenn Sie nur die Kurzinformationen für ein Element benötigen. Sie können es auch verwenden, um Elemente von der Seite zu entfernen.
Wählen Sie einfach Farben aus. Kein Schmerz mehr, Farben zu finden, die irgendwo in einem Stylesheet eingebettet sind.
Sie können mehrere Quellprofile für Ansichten einrichten, um die Quelle in verschiedenen Anwendungen zu öffnen.
Mit dieser Erweiterung können Sie den HTML-Code Ihrer Seite einfach überprüfen und im Bedienfeld „Quelltext anzeigen“ installieren.
Es ist nicht gerade eine Webentwickler-Erweiterung, aber Greasemonkey ist großartig, nicht zuletzt wegen der Fähigkeit, häufig ausgeführte Aktionen zu automatisieren, was für Webentwickler eine große Zeitersparnis darstellt.
Messen Sie mit dieser Erweiterung ganz einfach einen Abstand auf dem Bildschirm. Sobald Sie eine Fläche gemessen haben, können Sie das Rechteck über den Bildschirm ziehen, um es als Vergleich zu verwenden.
IE-Ansicht / IE Tab / OperaView / FirefoxView / Safari-Ansicht / IE View Lite
Mit diesen Erweiterungen (treffen Sie Ihre Wahl) können Sie die aktuelle Seite einfach in verschiedenen Browsern anzeigen. Mit IE Tab können Sie IE sogar innerhalb eines Tabs ausführen, wenn Sie dazu geneigt waren.
Löscht den Cache. Besonders nützlich zum Überprüfen neuer CSS-Änderungen.
Die Firefox-Erweiterung neu starten ist sehr nützlich, um Firefox mit allen Registerkarten und Sitzungen zu schließen und neu zu starten.
Die Tab Mix Plus-Erweiterung ist im Allgemeinen eine großartige Erweiterung, bietet jedoch einige im Wesentlichen nützliche Funktionen für Webentwickler: Duplicate Tab und Copy Tab URL.
Die YSlow-Erweiterung ist eine neue Erweiterung von Yahoo, die Ihre Seite analysiert und Ihnen mitteilt, wo Sie Fehler machen. Sie erhalten sogar eine Bewertung der Leistung Ihrer Website. 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, erfordert jedoch die Firebug-Erweiterung.
Die Dummy Lipsum-Generator-Erweiterung generiert 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 erstellen.
Mit der Screengrab-Erweiterung können Sie Screenshots von Seiten erstellen, aber etwas, was ein normales Screenshot-Tool nicht kann - es kann ein Bild der gesamten Seite aufnehmen, nicht nur des sichtbaren Teils.
Es gibt unzählige andere 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.
Zu diesem Zeitpunkt haben Sie Firefox zum ultimativen Webentwicklungstool gemacht. Nehmen Sie sich Zeit, um zu lernen, wie Sie Firebug besonders verwenden.
