Consigli per gli strumenti aggiuntivi del browser per facilitare lo sviluppo [chiuso]

StackOverflow https://stackoverflow.com/questions/17561

  •  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?

Firebug

È stato utile?

Soluzione

Firefox:

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)

Menù Debug

Metodi UserJS per intercettare cose

opera:config#CompatMode%20Override per forzare la modalità quirk o standard

Widget per sviluppatori web

È possibile visualizzare l'origine dei file, modificarli, applicare modifiche e ricaricare dalla cache.

Nel caso di IE, gli strumenti successivi possono essere utili

L'estensione "uber" per IE - "Strumenti per sviluppatori", fornita come parte di IE8

Console per gli sviluppatori E Istantanea DOM per l'Opera:

http://dev.opera.com/tools/

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.

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È:

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.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top