5 Firefox Addons for the Average Web Developer 5 Firefox Addons für den durchschnittlichen Web Developer

You won’t find any super-advanced addons for “extracting strings from xml and javascript files to simplify mozilla application localization process” or “debug running applets and Java Webstart application” in this list. Du wirst nicht wissen Super-erweiterte Addons für "Extrahieren von Strings aus XML und JavaScript-Dateien zu vereinfachen Mozilla Application Lokalisierungs-Prozess" oder "Debug-Laufen-Applets und Java Webstart Anwendung" in dieser Liste. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Diese Add-Ons sind für "den Rest von uns" - Menschen, widerwillig bearbeiten müssen unsere eigenen Websites.

MeasureIt

MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. können Sie schnell um ein On-Screen "Lineal" zur Messung von Abschnitten Ihrer Website. Quickly determine the space between certain sections, indents etc. Schnell feststellen, der Raum zwischen bestimmten Abschnitten, Gedankenstrichen usw.

Quick Usage Instructions Quick Nutzung Anweisungen
1. Click the MeasureIt button in the bottom right corner of Firefox Klicken Sie auf die Schaltfläche MeasureIt in der unteren rechten Ecke von Firefox



2. Click and drag the area you want to measure. Klicken und ziehen Sie den Bereich, der Sie messen wollen.



lori Lori

lori Lori stands for “Life-of-request info”. steht für "Life-of-Anfrage Info". What it does is tell you valuable info on how long it takes for your page to display, how large it is, and how many requests were made to load the page. Was es tut, ist Ihnen wertvolle Informationen darüber, wie lange es dauert zu Ihrer Seite angezeigt werden, wie groß er ist, und wie viele Anträge wurden zum Laden der Seite.

The first number displayed is the time it took to see the first byte returned from the server (from your click to the first byte received by your browser). Die erste angezeigte Zahl ist die Zeit dauerte es, um zu sehen, das erste Byte zurückgegeben vom Server (von Ihrem klicken Sie auf das erste Byte empfangen wird in Ihrem Browser). It’s displayed in seconds (up to the thousandth of a second). Es ist angezeigt, in Sekunden (bis auf die Tausendstel einer Sekunde).

The second number is how long it took to display the page (from your click to the complete rendering of the page). Die zweite Zahl ist, wie lange es dauerte, um die Seite (aus Ihrem klicken Sie auf die vollständige Darstellung der Seite). Again, the time is displayed in seconds, up to the thousandth of a second. Auch hier ist die Zeit in Sekunden, bis die Tausendstel einer Sekunde.

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Die dritte Zahl angezeigt, ist der Gesamtumsatz Seite Größe (Anzahl der Bytes / Kilobyte / Megabyte verwendet, um die Seite). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Dieser Wert beinhaltet sowohl Bytes geholt vom Server abgerufen und Bytes aus dem Browser-Cache.

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Die vierte und letzte Zahl ist die Gesamtzahl der "Anfragen" verwendet, um die Seite holen Inhalte (Bilder, Style-Sheet, JavaScript, etc). Again, this value includes both data downloaded from the server and cache requests. Auch dieser Wert umfasst sowohl Daten vom Server heruntergeladen und Cache-Zugriffe.



Source Viewer Tab Quelle Viewer Registerkarte

Source Viewer Tab Quelle Viewer Registerkarte is a simple but extremely helpful addon. ist ein einfaches, aber äußerst hilfreich addon. When you select View Source (or View Selected Source it opens the source view in a new tab, instead of a new Firefox window. If that weren’t enough, it also allows you to specify a totally different application to view your source with (Notepad, TextEdit - whatever your HTML editor of choice is). Wenn Sie Quelltext anzeigen (oder ausgewählte Quelle öffnet er die Quelle in einem neuen Tab, anstatt ein neues Firefox-Fenster. Wäre dies nicht genug, es erlaubt Ihnen auch um eine ganz andere Anwendung, um Ihre Quelle mit ( Notepad, TextEdit - unabhängig von Ihren HTML-Editor der Wahl ist).


Source Viewer Tab settings Quelle Viewer Registerkarte Einstellungen


Source Viewer Tab displaying HTML source in a tab Quelle Viewer Tab angezeigt HTML-Quellcode in einer Registerkarte

IE View Lite IE View Lite

IE View Lite IE View Lite is fairly self explanatory. ist ziemlich selbsterklärend. It allows you to view a page in IE. Es erlaubt Ihnen, eine Seite im Internet Explorer. It has a couple of added benefits vs. similar addons. Es hat ein paar zusätzlichen Nutzen im Vergleich zu ähnlichen Addons. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) Es ist kleiner und 2) Es erlaubt Ihnen angegebenen Safari anstatt das heißt, wenn Sie mit OS X.

Right-click a blank spot on any web page and select View This Page in IE to do just that. Der rechten Maustaste auf eine leere Stelle in jedem beliebigen Web-Seite und wählen Sie view this page in IE, genau das zu tun.



To use Safari instead of IE (OS X only), change the Internet Explorer Location to /usr/bin/open and add -a Safari to the Parameters field. Safari zu verwenden, anstatt von IE (OS X), ändern Sie den Internet Explorer Lage in / usr / bin / open und ein Add-Safari auf der Parameter Feld.


IE View Lite set to use Safari IE View Lite für die Verwendung von Safari

Firebug

Firebug is without question the most advanced addon in this list. ist ohne Frage die am weitesten fortgeschrittenen Addon in dieser Liste. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Auch wenn es fähig ist, daß man eine Menge von "Experten-Ebene" die Dinge, sondern auch sehr praktisch für herauszufinden, grundlegende Dinge. I’ve been using it a lot lately (new theme on Simple Help) to determine which part of the .css file is causing things to render the way they do. Ich nutze es in letzter Zeit eine Menge (neues Thema in Einfache Hilfe), um festzustellen, welcher Teil der. CSS-Datei verursacht Dinge zu machen, wie sie tun. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. hat ein gutes Tutorial zu den ersten Schritten mit Firebug, wenn die Schnittstelle scheint ein bisschen einschüchternd. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. Denn was ist es wert, Firebug hat mich gerettet Stunden nach der Frustration in den letzten Wochen allein.


click to enlarge Zum Vergrößern anklicken