Le estensioni di chrome possono aiutare lo sviluppatore nell’analisi di un sito web esistente o durante lo sviluppo e il debug di un nuovo sito web.

Web Developer

Tra le estensioni di Chrome, web developer è una delle più complete e interessanti per gli sviluppatori web.

Web Developer

Web Developer

Web developer consente, tra le altre cose, di:

  • testare l’accessibilità del sito (disabilitare stili css, immagini, javascript, popup)
  • gestire i cookies (creare, modificare o eliminare cookies)
  • visualizzare informazioni su link, immagini e colori
  • validare il documento utilizzano i principali validatori presenti in rete
  • visualizzare guide e un righello

BuiltWith Technology Profiler

Visualizza informazioni sulle tecnologie utilizzate per realizzare un sito web, tra cui: il linguaggio usato (Php, ASP.NET, …), i cms utilizzati (WordPress, Blogger, …), i sistemi pubblicitari, le CDN, gli standard usati (HTML, RSS, …), la piattaforma server (server web, sistema operativo) e altro ancora.

BuiltWith Technology Profiler

BuiltWith Technology Profiler

Responsive Web Design

Mostra il documento con le risoluzioni tipiche di un dispositivo mobile.

Responsive Web Design

Responsive Web Design

Responsive Web Design consente di scegliere tra una serie di risoluzioni preimpostate o di impostare una risoluzione personalizzata.

Awesome Screenshot

Consente di catturare schermate di un’intera pagina web o di una sua parte e di aggiungere annotazioni.

Awesome Screenshot

Awesome Screenshot

Al termine del lavoro l’immagine può essere salvata nel formato png.

PageSpeed Insights (by Google)

Esegue una serie di test sulla pagina web visualizzata dal browser e fornisce dei suggerimenti per ottimizzare le prestazioni del sito.

PageSpeed Insights

PageSpeed Insights

Dopo aver installato il plugin è necessario aprire gli strumenti di sviluppo del browser (premere F12) per avviare l’analisi.

Alexa traffic rank

Fornisce le informazioni raccolte da Alexa.com (come il traffic rank globale e nazionale o il numero di link che puntano al sito) relative al sito visualizzato dal browser.

Alexa traffic rank

Alexa traffic rank

 

Page Rank Status

Page rank status analizza il sito web visualizzato nel browser, fornendo una serie di informazioni utili per il posizionamento del sito nei motori di ricerca.

Page Rank Status

Page Rank Status

What font

Piccola estensione di Chrome che mostra le informazioni sul font di una pagina web esistente.

What font

Le informazioni fornite sono: famiglia di caratteri, grandezza, interlinea e colore.