5 Firefox Addons for the Average Web Developer 5 Addons Firefox pour la Moyenne 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. Vous ne trouverez aucun super-avancée addons pour "l'extraction de chaînes de caractères xml et les fichiers javascript à simplifier l'application mozilla processus de localisation" ou "debug fonctionnement et des applets Java WebStart demande" dans cette liste. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Ces add-ons sont destinés à être "le reste d'entre nous - des gens qui ont réticence à modifier nos propres sites Web.

MeasureIt

MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. vous permet de rapidement mettre en place un sur-écran "règle" pour mesurer les sections de votre site. Quickly determine the space between certain sections, indents etc. Déterminer rapidement l'espace entre certaines sections, tirets, etc

Quick Usage Instructions Les instructions d'utilisation rapide
1. Click the MeasureIt button in the bottom right corner of Firefox MeasureIt Cliquez sur le bouton dans le coin inférieur droit de Firefox



2. Click and drag the area you want to measure. Cliquez et faites glisser la zone que vous voulez mesurer.



lori Lori

lori Lori stands for “Life-of-request info”. signifie "vie-de-Demande d'information». 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. Ce que cela ne vous est précieuse d'informations sur le temps qu'il faut pour votre page à afficher, comment il est grand, et combien de demandes ont été faites pour charger la page.

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). Le premier nombre affiché est le temps qu'il a fallu pour voir le premier octet est retourné à partir du serveur (à partir de votre cliquez sur le premier octet reçu par votre navigateur). It’s displayed in seconds (up to the thousandth of a second). Il est affiché en secondes (au millième de seconde).

The second number is how long it took to display the page (from your click to the complete rendering of the page). Le deuxième numéro est combien de temps qu'il a fallu pour afficher la page (à partir de votre click to rendu complet de la page). Again, the time is displayed in seconds, up to the thousandth of a second. Encore une fois, l'heure s'affiche en quelques secondes, jusqu'à la millième de seconde.

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Le troisième numéro affiché est le nombre total de pages de taille (nombre d'octets / kilo-octets ou méga-octets utilisée pour afficher la page). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Cette valeur comprend à la fois octets récupéré depuis le serveur et d'octets récupéré depuis le cache des navigateurs.

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Le quatrième et dernier nombre est le nombre total de "demandes" utilisée pour récupérer le contenu de la page (images, feuilles de style, javascript, etc.) Again, this value includes both data downloaded from the server and cache requests. Encore une fois, cette valeur comprend à la fois les données téléchargées à partir du serveur et du cache demandes.



Source Viewer Tab Source Viewer onglet

Source Viewer Tab Source Viewer onglet is a simple but extremely helpful addon. est un simple mais extrêmement utile 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). Lorsque vous sélectionnez Afficher la source (ou Afficher la sélection Source il ouvre la vue source dans un nouvel onglet au lieu d'une nouvelle fenêtre Firefox. Si cela ne suffisait pas, elle vous permet de spécifier une application totalement différente de vue avec votre source ( Bloc-notes, TextEdit - quel que soit votre éditeur HTML de choix est).


Source Viewer Tab settings Source Viewer onglet Paramètres


Source Viewer Tab displaying HTML source in a tab Source Viewer Onglet affichage HTML source dans un onglet

IE View Lite C'est-à-dire vue Lite

IE View Lite C'est-à-dire vue Lite is fairly self explanatory. est assez explicite. It allows you to view a page in IE. Il vous permet de visualiser une page dans IE. It has a couple of added benefits vs. similar addons. Il a une couple d'autres avantages, c. similaires addons. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) Il est plus petit et 2) Il vous permet de spécifier Safari au lieu de IE si vous utilisez OS X.

Right-click a blank spot on any web page and select View This Page in IE to do just that. Faites un clic droit sur un endroit vide sur une page Web et sélectionnez Afficher cette page dans IE à le faire.



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. Pour utiliser au lieu de Safari IE (OS X uniquement), et Internet Explorer trouver dans / usr / bin / Open et un add-Safari domaine des paramètres.


IE View Lite set to use Safari Voir IE Lite configuré pour utiliser Safari

Firebug

Firebug is without question the most advanced addon in this list. est sans conteste le plus avancé addon dans cette liste. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Bien qu'il soit capable de faire un tas de "experts", il est également très pratique pour trouver des truc de base. 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. Je me sers d'un lot récemment (nouveau thème sur simple Aide) pour déterminer quelle partie de l'. Fichier css est à l'origine de rendre les choses comme ils le font. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. a un bon tutoriel sur la mise en route avec Firebug si l'interface semble un peu intimidante. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. For What It's Worth, a Firebug m'a sauvé heures de frustration à l'égard de la dernière semaine seulement.


click to enlarge cliquez pour agrandir