Migliori estensioni per sviluppatori 15 per gli sviluppatori (2019)

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 alle estensioni / estensioni cross-browser, che in questo contesto significa che funzioneranno su Firefox, Chrome e Chromium. Daremo inoltre la preferenza alle estensioni gratuite che non sono note per trasmettere le tue informazioni a terzi e non sono supportate dalle 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 gli sviluppatori e perché dovresti 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 cercare di 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 il download: 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 informazioni. 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 puoi visitare la pagina con il tuo telefono semplicemente scansionando il codice QR. Ottimo per testare i siti reattivi, 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 del modulo PHP in cui non si desidera realmente inviare il modulo (che potrebbe attivare un'elaborazione aggiuntiva che non è necessario testare). Con questo strumento puoi creare richieste HTTP senza sforzo. Nota che sebbene le estensioni di Chrome e Firefox abbiano lo stesso nome e facciano le stesse cose, sono create da sviluppatori diversi e non sono esattamente le stesse. Link per il download: Chrome / Chromium, Firefox

8. Page Performance Test

Ottieni rapidamente un rapporto sul rendimento della tua pagina in diverse fasi del suo viaggio 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 il download: 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 per lo sviluppo web con questo strumento che mostrerà dove i tuoi standard potrebbero essere scivolati. Link per il download: 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. Bootstrap Responsive Helper

Questa è un'estensione molto semplice che ti aiuta a vedere rapidamente se i punti di interruzione funzionano correttamente e quale livello di boot è uguale alla modalità corrente. Ovviamente avrai bisogno di questa estensione solo se lavori effettivamente su Bootstrap. La versione di Chrome è stata sviluppata da Jonathan Defraiteur e la versione di Firefox è stata sviluppata da Kevin Bon. Link per il download: Chrome / Chromium, Firefox

14. Provalo HTML5 Editor

Se si preferisce mantenere le cose semplici e ottenere tutto il lavoro svolto da un'unica posizione, 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, il lavoro viene completato. Link per il download: Firefox

15. Occhiali a raggi X.

Tecnicamente questo non è un'estensione, è in realtà un bookmarklet. Ma funziona così bene, non potremmo lasciarlo fuori dalla lista. Anche se è realizzato da Mozilla, funziona ugualmente bene in Chrome perché entrambi i browser sono pienamente conformi agli standard. Per utilizzarlo, devi rendere visibile la barra dei Preferiti. Poi visita la pagina di download, che puoi raggiungere tramite i link sottostanti, e trascina il pulsante degli occhiali a raggi X sulla barra dei preferiti. Quindi visita semplicemente un sito, apri il tuo segnalibro X-Ray Goggles, seleziona un elemento nella pagina e puoi modificarne il codice. Link per il download: Chrome / Chromium, Firefox

immagine di cortesia per gentile concessione di

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.