Come posso personalizzare Google Chrome per lo sviluppo web?

immagine-personalizzare-google-chrome-per-lo-sviluppo-webVolete personalizzare Google Chrome per lo sviluppo web? Semplice! Non dovete far altro che seguire questa guida e scoprirete come fare!

Fino a oggi, la maggior parte degli sviluppatori web preferiva Firefox come browser per la grande quantità di plug-in per lo sviluppo web disponibili (ad esempio FireBug). Adesso, anche gli utenti di Google Chrome possono usufruire di alcune utilissime estensioni che facilitano la vita agli sviluppatori web, senza costringerli ad usare un altro browser! Ecco le estensioni più utili:

  • FireBug Lite – come FireBug per Firefox, permette di ispezionare il codice HTML, JavaScript e CSS. Include anche un debugger JavaScript
  • IE Tab – consente di visualizzare un sito come se venisse visualizzato su Internet Explorer, utilizzando il motore di quest’ultimo browser
  • Eye Dropper – permette di copiare il codice esadecimale di ogni colore presente su una qualsiasi pagina web visualizzata
  • Chrome SEO – una volta installato, presenta le informazioni sul sito web e l’importanza per i maggiori motori di ricerca, page rank (es Alexa, Google), popolarità su siti di social bookmarking e altre utili informazioni sul SEO
  • Lorem Ipsum Generator – genera testi casuali con oltre 200 vocaboli latini, usualmente utilizzati per testare un sito inserendo testi casuali
  • Resolution Test – permette di visualizzare il sito alle principali risoluzioni oggi disponibili sul mercato, con la possibilità di aggiungerne altre personalizzate
  • Speed Tracer – permette di verificare l’hang-up, misuarare la velocità nel caricamento del sito, nell’interpretazione di CSS e Javascript. Per utilizzarlo, bisogna usare l’opzione –enable-extension-timeline-api all’avvio di Chrome
  • MeasureIt! – consente di ottenere le misure di div, tabelle e altri elementi presenti sulla pagina web
  • Pendule – offre un utilissimo pannello di controllo dal quale si possono disabilitare o analizzare i CSS, controllare misure, verificare codici dei colori e visualizzare gli script
  • BuiltWith – visualizza informazioni su librerie, sul server e altre informazioni sulla produzione del sito visualizzato

Altre utili estensioni si possono trovare sulla pagina dedicata alle estensioni di Google Chrome!

 
1 Kudos
Non ti
muovere!

Condividi il Post