Firefox: altri 5 plugin per gli sviluppatori

Torniamo a parlare di addon per Firefox, questo browser gode infatti di una vastissima offerta di estensioni e plugin dedicati agli sviluppatori. Il progetto di Mozilla si presenta quindi come un coltellino svizzero digitale personalizzabile, pronto a soddisfare esigenze sempre nuove e capace di semplificare il lavoro di sviluppo. Le estensioni sono infatti uno dei principali motivi per cui un utente avanzato migra verso Firefox, dato che spesso offrono funzionalità aggiuntive che su altri browser non sono presenti.

Disable JavaScript

Partiamo con l'estensione chiamata Disable JavaScript, come è forse intuibile dal nome questo addon si occupa di disabilitare selettivamente il codice JavaScript presente in una specifica tab del browser. È possibile scegliere se aprire tutte le tab con JavaScript disabilitato di default o solo alcune schede specifiche, magari impostando i tipi di dominio a cui vogliamo negare tale funzionalità.

L'addon permette di scegliere anche quale tipologia di funzionalità JavaScript disattivare come ad esempio gli shortcut ed i context menu.

Web Developer Checklist

Passiamo a Web Developer Checklist, questo tool fornisce una rapida panoramica dell'usabilità del sito Web. Mostra se durante lo sviluppo abbiamo rispettato gli standard, se abbiamo sfruttato le giuste tecniche di SEO (Microdata, Meta keyword e descrizioni), se è mobile-friendly (viewport meta tag, CSS Media Quenes), se sono presenti Environment Integration (Twitter, OpenGraph, Facebook, iOS, WP), se le buone performance sono di buon livello (sulla base del Google PageSpeed score) e, ovviamente, se sono stati rispettati i minimi standard di sicurezza.

Web Developer Checklist è quindi un tool che scansiona il nostro sito web alla ricerca delle buone pratiche di sviluppo e ci segnala se esse sono state rispettate o meno.

React Developer Tools

È il turno di React Developer Tools, questo tool è nato grazie alla grande popolarità della JavaScript library creata da Facebook. L'estensione permette di analizzare il React tree con il suo stato, le props, la gerarchia, ecc. Tramite tale addon gli utenti Firefox potranno ispezionare direttamente il codice React senza doversi rivolgere ad altri tool, riuscendo quindi a testare in tempo reale il codice implementato e ad eseguirne il debug, .

ColorZilla

Andiamo adesso su ColorZilla. Chi sviluppa interfacce grafiche o si occupa di design delle applicazioni ha spesso a che fare con la palette dei colori.

La scelta cromatica non è un fattore superfluo e spesso influenza l'intera esperienza utente. Ecco perché ColorZilla può rivelarsi un'estensione comoda in quanto permette di individuare i colori presenti nelle varie pagine Web mostrandoci l'esatto valore esadecimale. ColorZilla mantiene inoltre una cronologia delle operazioni dalla quale risalire ai colori visualizzati in precedenza.

Dispone anche di un comodo tool chiamato Webpage Color Analyzer che riesce a mostrare con esattezza tutte le varianti cromatiche presenti nella pagina Web che stiamo visualizzando. Integra anche un eyedropper ed un CSS gradient generator molto utile durante lo sviluppo Web.

Cookie Manager

Chiudiamo questo articolo con Cookie Manager, questa security extension è un gestore avanzato di cookie che permette di visualizzare, modificare, aggiungere, cancellare e cercare i cookie di qualsiasi dominio visitato. Tale tool può essere molto utile per coloro che devono testare il comportamento di un determinato sito Web in presenza di determinati cookie.

Ovviamente può anche essere sfruttato per migliorare il grado della propria privacy in Rete, selezionando quali cookie conservare manualmente.