Firefox ist ein wunderbares Werkzeug für Web-Entwicklung. Es ist nicht nur die zweite beliebteste Browser (neben natürlich IE), es enthält viele Features aus dem Kasten heraus, dass der IE nicht. Der DOM-Inspektor und Fehler-Konsole sind beide von unschätzbarem Wert beim Debuggen von Web-Seiten und Skripten. Allerdings liegt die wahre Kraft der Firefox in seiner Fähigkeit, Benutzer installieren erstellte Add-ons (aka Erweiterungen vor Version 2). Von den Tausenden von Add-ons auf der Mozilla Add-ons-Verzeichnis, es ist verpflichtet, mindestens ein oder zwei, die das tun, was Ihnen dieser Post want.In will, ich will und die Liste erörtern die besten Add-ons für Web-Entwicklung .

Web Developer (Homepage)
Wenn es ein Add-on erhalten, sollten ihre Web Developer. Es fügt eine Werkzeugleiste, um Fenster, das macht fast alles, was Sie brauchen, darunter einige der Funktionen der Add-ons auf der Seite (aber nicht so spezialisiert). Einige der Features sind Resize-Fenster, so dass Sie sehen, wie Ihre Seite, wie in verschiedenen Auflösungen sieht, kann zum Bearbeiten von CSS / HTML bearbeiten "können Sie Bearbeiten einer Seite CSS und HTML on the fly", ohne Ihre aktuelle Website zu ändern, laden Sie sie erneuern und . Es hat auch ein Lineal, um Elemente einer Seite, die Fähigkeit, Anzeige / Maßnahme markieren bestimmte Objekte auf der Seite (Tabellen, Formulare, versteckte Elemente, etc.). Im Grunde, der Eigenschaft gefüllten Web-Entwicklung Werkzeug, das ich je gesehen habe. Dank Paul Bulter und Gary Lee für diesen Hinweis an mich.

IETab (Homepage)
Ich habe immer laufen in der Frage der Errichtung einer schönen Seite, nur damit es aussieht, als schmutzig wie ein öffentliches Bad, als ich Feuer in Internet Explorer zu testen. Ich weiß, ich sollte ständig getestet sowohl Firefox und IE (und anderen Browsern), während der Erstellung der Website, aber manchmal kann ich einfach nicht gestört werden. Mit IETab, gibt es keine Entschuldigung jetzt. Ein einfacher Klick wird die Rendering-Engine ändern IE während ihres Aufenthalts im gleichen Fenster. Eine Alternative ist der IE View Lite-Add-on wird die aktuelle Seite in einem echten Browser-Fenster zu starten. Dies ist auch praktisch für Ihren Besuch auf Websites, die (aus irgendeinem Grund) erlauben nur IE.

Firebug (Homepage)
Firebug ist meiner Meinung nach, die beste Debugging-Tool für Web-Entwicklung, Meilen vor der eingebauten DOM-Inspektor. Es kann HTML-, CSS-, JavaScript-Browser einzeln als auch zu schaffen Haltepunkte und Schritt durch den Code zu debuggen. Es hat auch ein Netzwerk zu überwachen, so können Sie die Ladezeit Ihrer Website verfolgen und sehen, wo die Engpässe vorhanden sind. Es gibt viel mehr Funktionen und Jez hat einen besseren Job zu erklären ist (mit Screenshots!).

FireFTP (Homepage)
Nicht eine reine Web-Entwicklungs-Tool, aber es bietet volle FTP / SFTP-Funktionen in einem leichten Paket, das vollständig im Inneren gibt es eine Registerkarte. Wonderful for quick and dirty Uploads.

Suchen Status (Homepage)
Eine Reihe von nützlichen Tools, die in der Statusleiste zu sitzen. Es kann Ihnen das Alexa Ranking einer Seite sowie die Google Pagerank. Weitere Features sind hervorzuheben "nofollow" Links, Anzeigen Whois Informationen, Anzeigen Backlinks und vieles mehr.

HTML Validator (Homepage)
Ein Ziel, dass alle Web-Entwickler anstreben sollte, ist auf den W3C-Standards entsprechen. Dieses praktische Add-on ist eine viel bessere Umsetzung der Fehler-Konsole. Es bestimmt die Anzahl der Warnungen und Fehler, die Sie auf Ihrer Seite und sagt Ihnen, in der Statusleiste. Ein Doppelklick auf das Symbol öffnet ein Fenster, Highlights, wo genau in den Quellcode Ihrer Warnung oder ein Fehler ist, und selbst erfahren Sie, wie diese zu korrigieren! Idealerweise haben Sie würde dies vom Beginn und das Beheben von Fehlern, wie sie entstehen. Gotta love that sexy grünen Haken!

Adsense Notifier (Homepage)
Wenn Sie AdSense-Anzeigen auf Ihrer Website, das gibt Ihnen die Möglichkeit, Ihren Umsatz mit einem Blick überprüfen. Ich weiß, es ist kein Web-Entwicklungs-Tool, aber ich finde, dass es meine Produktivität erhöht, da sie eine Menge Zeit spart im Vergleich zum Einloggen in den Adsense-Seite. Es kann auch ein guter Indikator für ein Spitzenlast auf Ihrer Seite, wenn Sie Ad Impressions Hinweis viel höher sind als normal (wenn auch mit ein paar Stunden Zeitverschiebung).

Hast du noch mehr Add-ons, die Sie verwenden, um Ihre Zuhälter Firefox für Web-Entwicklung? Tell me about it in the comments!

Popularity: 12% [?]

Dieser Eintrag wurde am Freitag, den 23. März 2007 at 7:21 pm und unter Web Development eingereicht. Sie können alle Antworten auf diesen Eintrag durch den RSS 2.0 feed. Sie können eine Antwort oder trackback verlassen von Ihrer eigenen Website.