Quali plugin del browser di sviluppo Web trovate utili?

Question

Trovo che quando faccio sviluppo web ci sono alcuni plugin per il browser che mi sono molto utili.

Per Firefox sto usando:

Firebug - Grande per ispezionare gli elementi di HTML e di lavoro con i CSS.

YSlow for Firebug - Sviluppato da Yahoo! e offre tempi e suggerimenti sulle risorse della pagina.

Live HTTP headers - Consente di ispezionare le intestazioni inviate al browser.

Per IE sto usando:

Fiddler - "un Web Debugging Proxy che registra tutte le HTTP (S) il traffico tra il computer e Internet"

Sono sempre alla ricerca di altri grandi strumenti da utilizzare . Allora, che cosa stanno facendo tutti gli altri?

Answer 1

IE Developer Toolbar
Venkman debugger for Firefox

Answer 2

In aggiunta a ciò che avete:

Web Developer toolbar aggiunge un sacco di funzionalità extra (cookie, la forma, l'ispezione delle immagini, la visualizzazione generato DOM, ecc).

HTML Validator - ottimo per un controllo rapido per assicurarsi che le pagine siano valide. Buono anche quando ci sono errori di visualizzazione, puoi vedere rapidamente se proviene da HTML generato in modo errato.

ColorZilla - Io uso questo molto per tirare i colori esatti da una pagina negli appunti.

Answer 3

Fireshot - prende screenshot e li annota convieniente, utile.

Answer 4

Firecookie e console 2

Answer 5

Come su twitterfox per aiutare Twitter con i colleghi sviluppatori e gli amici.

Answer 6

Extended Statusbar modifica la barra di stato per mostrare la velocità, la percentuale, il tempo, e la dimensione caricato (utile per vedere come molte immagini vengono caricate, il peso della pagina, ecc)

ShowIP visualizza l'indirizzo IP della pagina corrente in la barra di stato

external IP visualizzato l'indirizzo IP esterno nella barra di stato

una nota a parte, trovo anche utile eseguire queste estensioni in FirefoxPortable, in modo che io ho una messa a punto del browser specifico per il lavoro di sviluppo spirito h le estensioni pertinenti installate e per evitare di rallentare o destabilizzare il mio browser principale (ad es. Firebug utilizzato per bloccare il browser in qualsiasi momento durante l'accesso a Gmail).

Answer 7

URL Params (estensione per Firefox) per visualizzare i parametri POST e GET di una pagina Web. Utile per controllare i tuoi moduli.

Answer 8

MeasureIt

Per ottenere esatta dimensione degli elementi resi su una pagina in FF.

Answer 9

HttpFox

Answer 10

Firebug - lascia anche di me vedere le richieste JS inviati da una pagina all'altra e quali dati vengono inviati.
- Riesco a vedere i dati all'interno delle variabili JS
- Sostituisce la console degli errori. Produce anche nella statua se ha trovato un errore, quindi posso ispezionarlo.
- Buono per vedere la struttura del codice html durante lo sviluppo dell'applicazione AJAX.

Answer 11

Quello che ti impedisce di accedere a StackOverflow è piuttosto utile.

Answer 12

Tutti questi sono plugin di Firefox.

• Firebug per il debug di JavaScript e CSS. Firebug consente ad esempio di esaminare l'albero DOM mentre javascript lo modifica. Firebug è il mio strumento principale.

• Live HTTP Headers per verificare quali dati sono effettivamente presenti nella richiesta e nelle risposte.

• Web Developer toolbar contiene utilità minori. Ad esempio può convalidare html e CSS.

• Dust Me Selectors trova quali parti di CSS non sono utilizzate.