5 Firefox Addons for the Average Web Developer 5 Addons Firefox per la media della 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. Non vi sono super-avanzata addons per "estrarre stringhe da xml e javascript file di semplificare l'applicazione mozilla processo di localizzazione" o "di debug in esecuzione delle applet Java e webstart domanda" in questa lista. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Addons questi sono destinati ad essere "il resto di noi" - le persone che hanno malincuore per modificare i nostri siti web.

MeasureIt

MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. consente di portare rapidamente a uno schermo "governante" a misura di sezioni del sito. Quickly determine the space between certain sections, indents etc. Determinare rapidamente lo spazio tra alcune sezioni, trattini ecc

Quick Usage Instructions Brevi istruzioni d'uso
1. Click the MeasureIt button in the bottom right corner of Firefox MeasureIt fare clic sul pulsante in basso a destra di Firefox



2. Click and drag the area you want to measure. Fare clic e trascinare l'area che si desidera misurare.



lori Lori

lori Lori stands for “Life-of-request info”. sta per "Vita di richiesta informazioni". 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. Ciò che fa è dirti prezioso informazioni su quanto tempo ci vuole per la tua pagina di visualizzazione, come grande è, e quante richieste sono state effettuate a caricare la pagina.

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). Il primo numero è visualizzato il tempo che ha preso per visualizzare il primo byte restituito dal server (da scegliere per il tuo primo byte ricevuto dal tuo browser). It’s displayed in seconds (up to the thousandth of a second). E 'visualizzato in secondi (fino al millesimo di secondo).

The second number is how long it took to display the page (from your click to the complete rendering of the page). Il secondo numero è la sua durata per visualizzare la pagina (dal tuo fare clic su a completare il rendering della pagina). Again, the time is displayed in seconds, up to the thousandth of a second. Ancora una volta, il tempo viene visualizzato in pochi secondi, fino al millesimo di secondo.

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). Il terzo numero visualizzato è il numero totale di pagine dimensioni (numero di byte / kilobyte / megabyte utilizzato per visualizzare la pagina). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Questo valore include sia bytes scaricati dal server e byte prelevato dalla cache del browser.

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). Il quarto e ultimo numero è il numero totale di "richieste" utilizzato per recuperare il contenuto della pagina (immagini, fogli di stile, javascript, ecc.) Again, this value includes both data downloaded from the server and cache requests. Ancora una volta, questo valore comprende sia i dati scaricati dal server e cache di richieste.



Source Viewer Tab Fonte Viewer scheda

Source Viewer Tab Fonte Viewer scheda is a simple but extremely helpful addon. è un semplice ma estremamente 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). Quando si seleziona Visualizza origine (o Visualizza selezionate Fonte apre la fonte vista in una nuova scheda, invece di una nuova finestra di Firefox. Se ciò non bastasse, permette anche di specificare un totalmente diversa applicazione di visualizzare il tuo sorgente con ( Blocco note, TextEdit - qualunque sia il vostro editor HTML di scelta).


Source Viewer Tab settings Fonte Viewer scheda impostazioni


Source Viewer Tab displaying HTML source in a tab Fonte Viewer Tab visualizzazione HTML in una scheda

IE View Lite Vale a dire vista Lite

IE View Lite Vale a dire vista Lite is fairly self explanatory. è abbastanza auto esplicativo. It allows you to view a page in IE. Vi permette di visualizzare una pagina in IE. It has a couple of added benefits vs. similar addons. Ha un paio di vantaggi aggiunto vs simili addons. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) E 'più piccoli e 2) Permette di specificare Safari invece di IE, se si sta utilizzando OS X.

Right-click a blank spot on any web page and select View This Page in IE to do just that. Destro del mouse su un'area vuota posto su qualsiasi pagina web e selezionare Visualizza questa pagina in IE di farlo.



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. Per utilizzare Safari invece di IE (OS X), di cambiamento di Internet Explorer Posizione in / usr / bin / aperta e aggiungere a un Safari alle Parametri campo.


IE View Lite set to use Safari IE View Lite impostato per l'utilizzo di Safari

Firebug

Firebug is without question the most advanced addon in this list. è senza dubbio il più avanzato addon in questa lista. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Se è in grado di fare un sacco di "esperti" le cose, è anche molto utile per capire cose di 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. Sto usando un sacco di recente (nuovo tema su semplice Guida) per determinare quale parte del. File CSS sta causando cose per rendere il loro modo di fare. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. ha un buon tutorial su come iniziare a Firebug se l'interfaccia sembra un po 'scoraggiante. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. Per ciò che vale la pena, Firebug mi ha salvato ore di frustrazione per l'ultima settimana da solo.


click to enlarge Clicca per ingrandire