Le 15 migliori estensioni di Chrome per programmatori e sviluppatori

Se sei un programmatore che non usa Chrome, sei in minoranza. Ci sono tanti motivi per preferire questo browser per scopi di programmazione, come l’enorme influenza di Google sulla direzione del web, le funzionalità integrate che rendono lo sviluppo meno frustrante e l’enorme numero di estensioni disponibili.

Quest’ultimo punto è cruciale. Al momento della stesura di questo documento, Chrome detiene una quota di mercato superiore al 60% sui desktop: non c’è da meravigliarsi che la maggior parte dei creatori di estensioni concentri i propri sforzi su Chrome prima. Detto questo, ecco le migliori estensioni di Chrome che dovresti utilizzare se sei uno sviluppatore di qualsiasi tipo, ma soprattutto uno sviluppatore web.

Estensioni di sviluppo generale

1. Compagno di sessione

Chrome ha una fantastica funzionalità chiamata profili utente personalizzati che ti consente di creare set separati di segnalibri, impostazioni, schede, cronologie, ecc. Dovresti assolutamente impostarne uno specifico per la programmazione se non l’hai già fatto.

Ma Session Buddy fa un ulteriore passo avanti, permettendoti di salvare “sessioni di schede” specifiche e passare da una all’altra a piacimento, il che è utile quando lavori su più progetti.

Scarica: compagno di sessione

2. iMacros per Chrome

iMacros è un’estensione che ti consente di automatizzare le attività ripetitive. È possibile “registrare” determinate azioni (ad esempio, clic del mouse e pressioni di tasti), salvarle come macro, quindi eseguirle quando si desidera con un solo clic. Risparmia così tanto tempo durante la compilazione di moduli, il test delle modifiche, ecc. Per le macro al di fuori di Chrome, consigliamo gli script AutoHotkey.

Scarica: iMacros per Chrome

3. Timer web

Web Timer tiene traccia di quanto tempo trascorri (o perdi) su vari siti Web, il che può aiutare a frenare le tendenze a procrastinare. Tiene traccia solo quando Chrome è a fuoco ed è abbastanza intelligente da interrompere il monitoraggio quando sei inattivo. Se stai cercando di cronometrare la tua attività online complessiva senza entrare troppo nei dettagli, prova uno di questi timer online gratuiti.

Scarica: timer web

4. Fantastica schermata

Awesome Screenshot è un’estensione all-in-one per acquisire schermate, registrare video dello schermo, annotare e sfocare le immagini scattate e condividere con un clic i tuoi screenshot con altri. Una caratteristica elegante è la sua capacità di catturare un’intera pagina web e unirla insieme come un’unica immagine gigante. Per una soluzione che funzioni anche al di fuori di Chrome, dai un’occhiata a questi migliori strumenti per la creazione di schermate.

Download: fantastica schermata

5. Snap degli utenti

Usersnap è un’estensione utile per acquisire e annotare pagine Web, prototipi e app direttamente da Chrome. Può aiutarti a fornire feedback e segnalare bug in modo efficiente. Questo strumento può rivelarsi fondamentale per migliorare il tuo prodotto finale attraverso un flusso di lavoro di feedback fluido.

Scarica: Usersnap

Estensioni per lo sviluppo web

6. Sviluppatore web

Se c’è un’estensione che installi per aiutare nello sviluppo web, lascia che sia questa. Web Developer è ricco di numerose funzionalità utili, tra cui la commutazione con un clic di JavaScript e plug-in, il ridimensionamento della finestra per testare progetti reattivi, test e debug di immagini e altro ancora.

Scarica: sviluppatore web

7. Commutatore agente utente

Delle tante estensioni “user agent switcher” nel Chrome Web Store, questa è tra le migliori. Viene aggiornato regolarmente e non dirotta i collegamenti. Inoltre, viene fornito con una serie di stringhe di user agent predefinite, ma consente anche di creare stringhe di user agent personalizzate. In breve, è un’estensione che funziona in modo affidabile.

Scarica: Switcher agente utente

8. Wappalyzer

Se vuoi sapere quali tipi di tecnologie web stanno alimentando un determinato sito, Wappalyzer te lo dirà con un solo clic. È abbastanza intelligente da rilevare CMS (ad es. WordPress), framework Web (ad es. React), strumenti e utilità (ad es. Google Analytics), piattaforme di e-commerce (ad es. Shopify) e molto altro.

Scarica: Wappalyzer

9. Scheda IE

Microsoft ha interrotto Internet Explorer. Tuttavia, se il tuo progetto richiede di testare un sito Web su Internet Explorer per qualche motivo, avrai bisogno di IE Tab, che emula IE in una nuova scheda e ti consente di testare siti Web in varie versioni, oltre ai controlli ActiveX. Davvero utile se hai bisogno che il tuo sito web sia compatibile con tutti i browser, non importa quanto vecchio.

Scarica: Scheda IE

10. Fare clic e pulire

Quando si sviluppa un sito Web, alcune cose sono più fastidiose della cancellazione costante dei dati di navigazione per assicurarsi di caricare nuove modifiche. Click&Clean non solo lo rende più veloce, ma offre anche un maggiore controllo su ciò che è possibile pulire (ad esempio, eliminare database e dati dei plug-in, conservare i cookie per determinati siti, ecc.).

Scarica: clicca e pulisci

11. Cerca caratteri

Font Finder è uno dei modi più semplici ed efficaci per identificare i caratteri sul web. Una cosa è fare clic con il pulsante destro del mouse su un elemento, selezionare Ispeziona elemento, quindi esaminare il foglio di stile per trovare di cosa si tratta.

Con Font Finder, devi solo fare clic con il tasto destro e selezionare Font Finder. Da lì, puoi ottenere un elenco di tutti i caratteri utilizzati nella pagina Web o solo i caratteri utilizzati in un particolare frame. Puoi persino aprire una versione interattiva di Font Finder su qualsiasi pagina Web facendo clic sulla sua estensione.

Scarica: Cerca caratteri

12. Contagocce ColorPick

ColorPick Eyedropper è uno strumento che ti consente di ingrandire e ottenere il codice colore esatto di qualsiasi pixel su qualsiasi pagina web. Il codice colore è disponibile in esadecimale, RGB e HSL. È estremamente conveniente e molto più veloce rispetto all’ispezione degli elementi per vedere quali colori vengono utilizzati nel foglio di stile o al download di immagini e alla selezione dei colori in un editor di immagini.

Scarica: contagocce ColorPick

13. Generatore di Lorem Ipsum

Quando sviluppi un sito web, alla fine avrai bisogno di un testo fittizio. I generatori di Lorem ipsum sono abbondanti sul Web, ma Lorem Ipsum Generator è sempre immediatamente disponibile nella tua scheda corrente. È veloce e puoi personalizzare quanti paragrafi vuoi e quante frasi per paragrafo.

Scarica: Generatore Lorem Ipsum

14. Controlla i miei collegamenti

Alla fine di un progetto di sviluppo web, ti consigliamo di eseguire un passaggio finale su tutte le pagine principali per assicurarti che tutti i tuoi collegamenti funzionino. Check My Links rende questo processo il più semplice possibile. Basta fare clic sul pulsante e scansionerà tutti i collegamenti nella pagina corrente, quindi li evidenzierà a seconda che sia rotto o funzionante.

Download: controlla i miei collegamenti

15. Dimensioni

Dimensions è più uno strumento per il web design che per lo sviluppo web, ma poiché i due tendono a sovrapporsi, probabilmente vorrai utilizzare questa estensione. In breve, misura istantaneamente la distanza tra due elementi web qualsiasi, inclusi testo, immagini, video e campi modulo. Può anche misurare la distanza dal cursore del mouse a uno qualsiasi degli elementi web supportati.

Scarica: Dimensioni

Migliora il tuo flusso di lavoro di programmazione con queste estensioni

Troverai molte estensioni relative alla programmazione sul Chrome Web Store, oltre a quelle sopra.

Potresti aver sviluppato una soluzione alternativa per ciò che fanno alcune di queste estensioni, ma ti consigliamo di provarle, poiché potrebbero migliorare la tua efficienza complessiva.