Scopri le 15 migliori estensioni del browser per sviluppatori

Se ti abboni a un servizio da un link in questa pagina, Reeves and Sons Limited potrebbe guadagnare una commissione. Vedi il nostro Dichiarazione etica.

Il più grande cambiamento per 2018 è stata la grande revisione di FireFox, e con esso il modo in cui i componenti aggiuntivi funzionano in quel browser. Di conseguenza, molti componenti aggiuntivi popolari non vengono più gestiti o non sono più disponibili.

La maggior parte dei componenti aggiuntivi per Firefox sono disponibili anche come estensioni per Google Chrome. In questo articolo cercheremo di dare la preferenza a browser incrociato componenti aggiuntivi/estensioni, che in questo contesto significa che funzioneranno su Firefox, Chrome e Chromium. Daremo anche la preferenza alle estensioni gratuite che non sono note per trasferire la tua adesioneformation a terzi e non sono supportati da entrate pubblicitarie. Ci concentreremo maggiormente sulle estensioni che non ti limitano a una particolare tecnologia di sviluppo.

Pochi sviluppatori vedrebbero alcun vantaggio nell'usare Microsoft Edge come browser di sviluppo, ma va bene per i test successivi allo sviluppo. Solo un po 'più di 4 in ogni sito 100 ci si può aspettare che i visitatori lo utilizzino, anche se è probabile che il numero aumenti leggermente man mano che un numero maggiore di utenti abbandona Internet Explorer.

Anche se ci sono molti più utenti di Chrome che utenti di Firefox, quelli del settore IT tendono a preferire Firefox, motivo per cui ci sono più e migliori estensioni rivolte agli sviluppatori di Firefox.

Ora diamo un'occhiata alle migliori estensioni del browser per sviluppatori e al motivo per cui potresti voler aggiungerle al tuo browser.

1. Costruito con

Quando ti trovi in ​​un sito davvero ben fatto e vuoi sapere come sono stati fatti, questa estensione ti farà risparmiare un sacco di tempo e fatica a scavare nel codice sorgente. Link per il download: Chrome / Chromium, Firefox

2. ascia

Questo è uno strumento di controllo dell'accessibilità. È sempre meglio provare a rendere le tue pagine il più accessibili possibile e ax ti aiuterà a evitare di escludere accidentalmente un segmento di utenti dal tuo sito. Link per scaricare: Chrome / Chromium, Firefox

3. ColorZilla

Un vecchio, ma ancora un piacere, questa estensione ti consente di campionare i colori direttamente da una pagina, recuperare codici colore, generare sfumature e altro ancora. Link per il download: Chrome / Chromium, Firefox

4. Sviluppatore web

Aggiunge alcuni utili extra al tuo browser per il controllo di CSS, moduli, immagini e informatione. Una delle estensioni più popolari mai realizzate. Link per il download: Chrome / Chromium, Firefox

5. Woo Rank

Analizza qualsiasi pagina web per i dati SEO. Fornisce un potente report che mostra tutti i componenti SEO interni, tra cui un punteggio complessivo SEO, suggerimenti per il miglioramento, keyword cloud e molto altro. Link per il download: Chrome / Chromium, Firefox

6. Tab2QR

Genera un codice QR della pagina in cui ti trovi e potrai visitare la pagina con il tuo telefono semplicemente scansionando il codice QR. Buono per i test responsive siti, anche se non li hai creati. Link per il download: Chrome / Chromium, Firefox

7. HTTP Request Maker

Questo può essere molto utile per testare le risposte dei moduli PHP in cui non vuoi realmente inviare il modulo (il che potrebbe innescare un'ulteriore elaborazione che non è necessario testare). Con questo strumento puoi creare richieste HTTP senza sforzo. Tieni presente che, sebbene le estensioni Chrome e Firefox abbiano lo stesso nome e facciano le stesse cose, sono realizzate da sviluppatori diversi e non sono esattamente le stesse. Link per scaricare: Chrome / Chromium, Firefox

8. Page Performance Test

Ottieni rapidamente un rapporto sul rendimento della tua pagina nelle diverse fasi del suo percorso verso il tuo browser. È un po' come una versione più avanzata di tracert. Questo è disponibile solo su Firefox per ora. Esistono estensioni simili per Chrome e Chromium ma non sono così ricche di funzionalità come questa. Link per scaricare: Firefox

9. Strumento conteggio parole

Questo in realtà può fare più di quello che il nome implica, in quanto ti dirà anche quanti caratteri e quante frasi sono all'interno di un blocco di testo selezionato (o dell'intera pagina). Link per il download: Chrome / Chromium, Firefox

10. Lista di controllo per sviluppatori Web

Assicurati di seguire le migliori linee guida sulle pratiche di sviluppo web con questo strumento che mostrerà dove i tuoi standard potrebbero essere scivolati. Link per scaricare: Chrome / Chromium, Firefox

11. Editor mappa immagine

Uno di un trio di eccellenti estensioni dello sviluppatore tedesco Heinz-Jürgen Boms, questo fa esattamente quello che dice il nome. È possibile generare una mappa immagine direttamente nel browser semplicemente tracciando le aree di un'immagine che si desidera mappare. Link per il download: Firefox

12. Editor di fotogrammi avanzato

Un'altra estensione di Heinz-Jürgen Boms, questo è davvero uno strumento di stile CSS in cui è possibile costruire un frame direttamente nel browser specificandone gli attributi. Vale la pena controllare documentazione prima di iniziare a usarlo. Link per il download: Firefox

13. Avviamento automatico Responsive Aiutante

Questa è una piccola estensione molto semplice che ti aiuta a vedere rapidamente se i tuoi punti di interruzione funzionano correttamente e quale livello di bootstrap è la modalità corrente. Ovviamente avrai bisogno di questa estensione solo se lavori effettivamente in Bootstrap. La versione Chrome è sviluppata da Jonathan Defraiteur e la versione Firefox è sviluppata da Kevin Bon. Link per scaricare: Chrome / Chromium, Firefox

14. Provalo HTML5 Editor

Se preferisci mantenere le cose semplici e svolgere tutto il tuo lavoro da un unico posto, questa estensione è per te. Ricco di funzionalità, questo editor sensibile al contesto funziona direttamente nel browser e supporta HTML, CSS e JavaScript. È tutt'altro che perfetto, ma per una modifica rapida e sporca senza il fastidio di aprire un'applicazione separata, porta a termine il lavoro. Link per scaricare: Firefox

15. Occhiali a raggi X.

Tecnicamente questa non è un'estensione, in realtà è un bookmarklet. Ma funziona così bene che non potevamo lasciarlo fuori dalla lista. Anche se è realizzato da Mozilla, funziona altrettanto bene su Chrome perché entrambi i browser sono pienamente conformi agli standard. Per usarlo, dovrai rendere visibile la barra dei Preferiti. Quindi visita la pagina di download, che puoi raggiungere tramite i collegamenti seguenti, e trascina il pulsante X-Ray Goggles sulla barra dei segnalibri. Quindi visita semplicemente qualsiasi sito, attiva il segnalibro degli occhiali a raggi X, seleziona un elemento sulla pagina e puoi modificarne il codice. Link per scaricare: Chrome / Chromium, Firefox

immagine di cortesia per gentile concessione di Monika Pola

Bogdan Rancea

Bogdan è membro fondatore di Inspired Mag, avendo accumulato quasi 6 anni di esperienza in questo periodo. Nel tempo libero ama studiare musica classica ed esplorare le arti visive. È piuttosto ossessionato dai fissaggi. Possiede già 5.

Commenti Risposte 0

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

Valutazione *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.