Da sempre molti utenti sono appassionati ed estimatori di Firefox per le innumerevoli estensioni che ha da offrire ma, negli ultimi anni, anche Chrome ha guadagnato tanti utenti fino a superare di molto Firefox in termini di utilizzo. Non a caso, infatti, molte persone hanno iniziato ad usare Chrome per molti nostri progetti. Il successo di Chrome può riferirsi anche al fatto che permette di aprire l’intero sistema del proprio computer in un tempo decisamente breve. Per molti sviluppatori web e designer, il successo di Chrome è dovuto anche al fatto che è ricco di estensioni e applicazioni in corso di sviluppo e che si caratterizzano per efficacia e praticità. Molte estensioni sono utilizzate per modificare il comportamento complessivo del browser. Le estensioni possono essere applicate a tutti i siti web ma anche alle singole schede che si aprono. Usare queste estensioni permette di conoscere a fondo il proprio browser e aiuta gli sviluppatori a scoprire le modalità di costruzione di ogni sito. Molti sviluppatori possono anche utilizzare le estensioni Chrome per ottimizzare le proprie pagine web, tenendo conto anche dei tempi di caricamento dei propri siti web. In questo post, ci sono le 25 estensioni Chrome più utili per gli sviluppatori web e designer. Speriamo che queste estensioni possano aiutarvi a ottenere il massimo dal vostro browser, in modo da migliorare le capacità di sviluppo web.

IPvFoo

Contiene IPv4, IPv6, e le informazioni HTTPS per tutte le connessioni effettuate dalla pagina Web corrente.

 

Debugger jQuery

Permette di ispezionare i selettori di jQuery, e guardare gli elementi visualizzati su qualsiasi sito web. Questa estensione è progettata per aiutarvi a capire facilmente anche i selettori più complessi.

PerfectPixel da WellDoneCode

Questa estensione consente agli sviluppatori di mettere una sovrapposizione di immagini emi-trasparente sopra la parte superiore del codice HTML sviluppato. E’ simile alla popolare estensione di Firefox, PixelPerfect.

 

jquery-iniettore

Facendo clic sulla barra degli strumenti, si possono vedere i codici jQuery inseriti sulla pagina corrente. È possibile verificare se l’inserimento è avvenuto con successo, eseguendo il comando “jQuery”.

 

PageEdit

Trasforma ilvostro browser in un editor HTML WYSIWYG.

Wappalyzer

Wappalyzer è un’estensione del browser che svela le tecnologie utilizzate sui siti web. Rileva i sistemi di gestione dei contenuti, negozi web, server web, framework JavaScript, strumenti di analisi e molto altro.

PageSpeed ​​Insights (da Google)

QUest’estensione è disponibile per Chrome e Firefox, consente di valutare le prestazioni delle vostre pagine web e ottenere suggerimenti su come migliorarle.

 

Web Developer

L’estensione Web Developer aggiunge un pulsante alla barra degli browser con vari strumenti di sviluppo web.

 

 

Adobe Ispezione bordo

Adobe Ispezione Bordo (ex Adobe Ombra) è per i web designer e gli sviluppatori che usano soprattutto browser mobili.

Risoluzione di prova

Risoluzione di prova modifica la dimensione della finestra del browser per gli sviluppatori, in modo da visualizzare in anteprima i loro siti web in diverse risoluzioni dello schermo. Esso comprende un elenco di risoluzioni comunemente utilizzate e la possibilità di personalizzare quella lista.

Color Picker

Questa estensione non può ancora funzionare come previsto sul Mac, si dovrà utilizzare il pulsante pop-out per mettere l’anteprima nella sua finestra.

Nastro

Tape è uno strumento per pixel-perfect e per lo sviluppo di siti web. Consente di mettere posizionare le guide in relazione al contenuto della pagina, e consente di misurare facilmente le posizioni e le dimensioni degli elementi. Si possono conoscere bordi e padding.

Context Menu Proprietà immagine

Una semplice estensione menu di scelta rapida per visualizzare le proprietà di un’immagine.

Firebug Lite

Firebug Lite non può essere sostituito a Firebug, o a diversi strumenti di sviluppo Chrome. È uno strumento da utilizzare in combinazione con questi strumenti citati. Firebug Lite fornisce la rappresentazione visiva ricca che siamo abituati a vedere in Firebug quando si tratta di elementi HTML, elementi DOM, e modelli di ombreggiatura Box. Fornisce inoltre alcune funzioni interessanti come l’ispezione elemements HTML con il mouse, e consente di modificare le proprietà CSS.

Screen Ruler Ruul

Un semplice righello sullo schermo per allineare e misurazione di tipo, altezza linea, ictus e qualsiasi cosa sul web.

IE Tab

Visualizza le pagine Web utilizzando Internet Explorer all’interno di Chrome. Supporta i controlli ActiveX, Sharepoint, ICBC, alipay.

Pendule

 

Ricerca per immagini (da Google)

Questa estensione consente di avviare una ricerca su Google utilizzando qualsiasi immagine sul web. Questa extensione è stata sviluppata dal team di Google Immagini.

WhatFont

Il modo più semplice per identificare i font nelle pagine web.

Form Editor

Un’estensione per la modifica richiesta del cliente (GET o POST) al server web.

 

 

 

Controllare i miei link

Check My Links è una pedina link che striscia attraverso il vostro sito e cerca collegamenti interrotti. Ottimo per scopi SEO.

ColorPicker 0,9

Scegliere il colore di pagina Web corrente o cambiamento di colore (s) di qualsiasi elemento DOM.

Awesome Screenshot

Cattura l’intera pagina o parte, di annotarli con rettangoli, cerchi, frecce, linee e testo, informazioni sfocatura sensibili, con un solo clic …

XML Albero

Visualizza i dati XML in modo semplice e intuitivo.

Dr.Web Anti-Virus Link Checker

Esegue la scansione dei link HTML con Dr.Web online Anti-Virus utilizzando una voce del menu contestuale. Autoscansiona Facebook, Vk.com, Google+ Network e altri legami sociali.

 

Tags: chrome