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 passare le tue informazioni a terze parti e non sono supportate da entrate pubblicitarie. Ci concentreremo di più 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. Buono per il 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 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. Avviamento automatico Responsive Aiutante
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
Commenti Risposte 0