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
Commenti Risposte 0