Consigli per gli strumenti aggiuntivi del browser per facilitare lo sviluppo [chiuso]
-
09-06-2019 - |
Domanda
Qualcuno può suggerire alcuni buoni strumenti/estensioni aggiuntivi del browser per aiutare con lo sviluppo?Ho installato Firebug in Firefox, ottimo per gestire CSS, HTML e Javascript;qualche altro suggerimento?
Soluzione
Firefox:
- Ispeziona questo se usi il DOM Inspector
- Misuralo per dirti le distanze in pixel (se ne hai bisogno)
- Vista IE O Visualizzazione Safari per facilitare il test in altri browser
- Validatore HTML se ti interessa la convalida
- Consolle2 per migliorare la console degli errori js
- IL Shell Javascript anche il bookmarklet è utile (e guarda anche gli altri lì)
Modificare:Questo è in aggiunta a Barra degli strumenti per lo sviluppo Web menzionato da altri
Altri suggerimenti
Per Firefox:
Firebug è fantastico per l'investigazione e lo sviluppo.
Barra degli strumenti per sviluppatori Web è anche buono.Aiuta davvero con i CSS e il layout della pagina e molto altro ancora.
anch'io uso Intestazioni HTTP attive (Penso che si chiami, ma è sulla mia macchina da lavoro, quindi non riesco a trovare il collegamento ora).Il che ci ha aiutato con problemi di memorizzazione nella cache e simili.
Mi occupo molto dello sviluppo di telefoni cellulari, quindi lo uso anche Commutatore agente utente.Molto utile per fingere di essere diversi telefoni cellulari.
Tendo a utilizzare Firefox solo per lo sviluppo e mi limito a testarlo su altri browser poiché la maggior parte non dispone dell'ampia gamma di plug-in per aiutare lo sviluppo di Firefox.
L'altro must per Firefox è quello di Chris Pederick Barra degli strumenti per sviluppatori Web.
Dovresti assolutamente installare Safari.Ha una serie di strumenti integrati.Lo uso sempre in combinazione con altri browser.
- Cronologia della rete
- Console degli errori
- Ispettore Web
- Editor di frammenti
Inoltre ti consente di impostare l'agente utente per le tue richieste.
Considera questo, ha un menu di livello superiore separato chiamato Sviluppare.
L'Opera ha:
Dragonfly (strumenti -> avanzati -> strumenti per sviluppatori)
Metodi UserJS per intercettare cose
opera:config#CompatMode%20Override per forzare la modalità quirk o standard
È possibile visualizzare l'origine dei file, modificarli, applicare modifiche e ricaricare dalla cache.
Nel caso di IE, gli strumenti successivi possono essere utili
- Barra degli strumenti per sviluppatori Microsoft - visualizzatore di stili dom|
- Debugger HTTP di Fiddler -monitor http
- Fonte istantanea - visualizzatore di stili dom|
- Compagno.JS - visualizzatore dom|styles, console errori estesa
L'estensione "uber" per IE - "Strumenti per sviluppatori", fornita come parte di IE8
Console per gli sviluppatori E Istantanea DOM per l'Opera:
La cosa fantastica è che questi sono bookmarklet implementati con JS.La schifezza è che richiedono Internetz.
Firefox:
Controlla questo se usi il DOM Inspector
Misuralo per dirti le distanze in pixel (se ne hai bisogno)
IE View o Safari View per facilitare i test in altri browser
Validatore HTML se ti interessa la convalida
Console2 per migliorare la console degli errori js
Anche il bookmarklet Javascript Shell è utile (e guarda anche gli altri lì)
Questo è in aggiunta alla barra degli strumenti di sviluppo Web menzionata da altri
Questo elenco di Cebjyre è quasi completo (poiché FireBug è già stato menzionato nella domanda).Vorrei solo aggiungere Dati manomessi.Di tanto in tanto è molto utile.
Ecco i miei componenti aggiuntivi orientati allo sviluppo per Firefox 3:
Ylento è un simpatico componente aggiuntivo di Firebug per la risoluzione dei problemi relativi al tempo di caricamento di una pagina.
Oltre agli ottimi strumenti già menzionati, trovo Carlo essere estremamente utile.Soprattutto perché lavoro molto con Flash Remoting che gestisce in modo eccellente.
Charles è un proxy HTTP/monitor HTTP/proxy inverso che consente a uno sviluppatore di visualizzare tutto il traffico HTTP tra il proprio computer e Internet.Ciò include richieste, risposte e intestazioni HTTP (che contengono i cookie e le informazioni sulla memorizzazione nella cache).
Charles può fungere da intermediario per la comunicazione HTTP/SSL, consentendoti di eseguire il debug del contenuto delle tue sessioni HTTPS.
È multipiattaforma, costa $ 50, ma è possibile scaricare una versione di valutazione di "30 minuti per sessione".
Ecco cosa utilizzo:
Firefox:
- Ispettore DOM:Lo uso più di ogni altra cosa per lo sviluppo web
- Lanciato:per aprire siti in altri browser/app
- Dati di manomissione:questo può essere utile per il debug delle richieste GET/POST
- Barra degli strumenti per sviluppatori Web:questo ha così tante funzioni utili per il debug:gli strumenti di convalida del W3C, righello integrato, strumenti di ridimensionamento, manipolazione del codice sorgente, semplici strumenti cache/css/script
CIOÈ:
- Barra degli strumenti per sviluppatori di Internet Explorer:neanche lontanamente pratico come quello di Firefox, ma almeno ti offre un decente ispettore DOM
Varie:
- I pratici segnalibri di Jesse:IL conchiglia bookmarklet è particolarmente utile
- Installo anche Safari E musica lirica, ma per lo più li usano solo per test e benchmark poiché i loro strumenti di sviluppo non sono robusti come Firefox e non sono così buggati come IE.
- Lince:Lo uso per assicurarmi che tutti i siti con JS funzionino ancora in modo da essere sicuro che sembreranno OK su Google, sugli screen reader e su qualsiasi altra app simile a un bot.