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 la programmazione, come la massiccia influenza di Google sulla direzione del web, le funzionalità integrate che rendono lo sviluppo meno frustrante e il puro numero di estensioni disponibili.

Quest'ultimo punto è cruciale. A partire da febbraio 2018, Chrome detiene una quota di mercato superiore al 60% sui desktop, non c'è da meravigliarsi se la maggior parte dei creatori di estensioni concentrano i propri sforzi su Chrome per primi. Detto questo, ecco le migliori estensioni di Chrome che dovresti utilizzare se sei uno sviluppatore di qualsiasi tipo, ma soprattutto uno sviluppatore Web. Programmazione e sviluppo Web: qual è la differenza? Programmazione e sviluppo Web: qual è la differenza? Potresti pensare che i programmatori di applicazioni e gli sviluppatori web facciano lo stesso lavoro, ma questo è lontano dal vero. Ecco le principali differenze tra programmatori e sviluppatori web. Leggi di più .

Estensioni generali di sviluppo

1. Compagno della sessione

Chrome ha una fantastica funzione chiamata profili utente personalizzati che ti permette di creare set separati di segnalibri, impostazioni, schede, cronologie, ecc. Dovresti sicuramente crearne uno specifico per la programmazione, se non lo hai già fatto.

Ma Session Buddy fa un passo in più, permettendoti di salvare specifiche “sessioni di tabulazione” e passa da una all'altra a piacimento, il che risulta utile quando lavori su più progetti.

Scaricare: Compagno di sessione

2. iMacros per Chrome

iMacros è un'estensione che ti consente di automatizzare attività ripetitive. Puoi “disco” determinate azioni (ad esempio clic del mouse e tasti premuti), salvali come macro, quindi eseguili quando vuoi con un solo clic. Risparmia così tanto tempo durante il riempimento di moduli, test delle modifiche, ecc. Per i macro al di fuori di Chrome, consigliamo gli script AutoHotkey.

Scaricare: iMacros per Chrome

3. Web Timer

Web Timer tiene traccia di quanto tempo si spende (o spreco) 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 smettere di tracciare quando sei inattivo.

Scaricare: Web Timer

Se desideri un time tracker più avanzato, ti consigliamo vivamente la piattaforma multiplayer Toggl L'app per il monitoraggio del tempo migliore per Android, iOS e desktop La migliore app per il monitoraggio del tempo per Android, iOS e desktop Ti mostriamo come il monitoraggio del tempo può essere utile o il tuo team, cosa cercare nel software di monitoraggio del tempo e la migliore applicazione multipiattaforma che potremmo trovare per il lavoro. Leggi di più .

4. Screenshot impressionante

Awesome Screenshot è un'estensione all-in-one per l'acquisizione di schermate, la registrazione di video su schermo, l'annotazione e la sfocatura delle immagini scattate, e con un solo clic la condivisione delle schermate con gli altri. Una caratteristica interessante è la sua capacità di screenshot un'intera pagina web e cuci tutto insieme come un'unica immagine gigante. Per una soluzione che funzioni anche al di fuori di Chrome, consulta questi migliori strumenti per la creazione di schermate.

Scaricare: Screenshot impressionante

5. Marmoset

Marmoset è un piccolo e divertente strumento per creare schermate 3D del tuo codice. Una volta che si scatta un'immagine, è possibile ruotare, inclinare e ridimensionare in 3D, il che rende più interessante la condivisione di snippet. È anche utile quando crei immagini di stock basate su codice o sbircia il codice sorgente sulla home page del tuo progetto.

Scaricare: bertuccia

Estensioni di sviluppo Web

6. Sviluppatore Web

Se c'è un'estensione che installi per aiutarti nello sviluppo web, lascia che sia questa. Web Developer è dotato di numerose funzioni utili, tra cui la commutazione con un solo clic di JavaScript e plug-in, il ridimensionamento delle finestre per testare progetti reattivi, test e debug delle immagini e altro ancora.

Scaricare: Sviluppatore web

7. Commutatore agente utente

Dei molti “commutatore di user-agent” estensioni nel Chrome Web Store, questo è il migliore. È ancora in fase di aggiornamento, non dirotta i collegamenti, viene fornito con un numero di stringhe di agente utente predefinito, ma consente anche di creare stringhe personalizzate per gli utenti. È l'unica estensione del suo genere che funziona in modo affidabile.

Scaricare: Switcher utente-agente

8. Wappalyzer

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

Scaricare: Wappalyzer

9. Tab IE

A partire dal febbraio 2018, più del 13% degli utenti desktop è ancora su Internet Explorer, il che è un peccato perché IE non è conforme ai moderni standard web. Ecco perché è necessario IE Tab, che emula IE in una nuova scheda e consente di testare i siti Web in varie versioni: IE6, IE7, IE8, IE9, oltre ai controlli ActiveX. È davvero utile se hai bisogno che il tuo sito web sia compatibile con TUTTI i browser, indipendentemente da quanti anni.

Scaricare: IE Tab

10. Clicca e pulisci

Durante lo sviluppo di un sito Web, alcune cose sono più fastidiose che cancellano costantemente i dati di navigazione per assicurarti di caricare nuove modifiche. Click & Clean non solo rende più veloce, ma offre anche un maggiore controllo su ciò che è possibile pulire (ad esempio, eliminare database e dati di plugin, mantenere i cookie per determinati siti, ecc.).

Scaricare: Click & Clean

11. WhatFont

WhatFont è il modo più veloce per identificare i caratteri sul web. Una cosa è fare clic con il pulsante destro del mouse su un elemento, selezionare Ispeziona elemento, quindi cercare il foglio di stile per trovare di che cosa si tratta. Con WhatFont, non solo puoi vedere ciò che un font è semplicemente passando il mouse su un elemento, ma ti dice anche come viene servito quel tipo di carattere (ad esempio Google Fonts, TypeKit, ecc.).

Scaricare: WhatFont

12. ColorPick Eyedropper

ColorPick Eyedropper è uno strumento che ti consente di ingrandire e ottenere il codice cromatico esatto di qualsiasi pixel su qualsiasi pagina web. Il codice colore è disponibile in esadecimale, RGB e HSL. È estremamente comodo e molto più veloce dell'ispezione degli elementi per vedere quali colori vengono utilizzati nel foglio di stile o per scaricare immagini e selezionare i colori in un editor di immagini.

Scaricare: ColorPick Eyedropper

13. Generatore di Lorem Ipsum

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

Scaricare: Lorem Ipsum Generator

14. Controlla i miei collegamenti

Alla fine di un progetto di sviluppo web, vorrai fare un passaggio finale su tutte le pagine principali per assicurarti che tutti i tuoi link funzionino. Controlla i miei collegamenti rende questo processo il più semplice possibile. Basta fare clic sul pulsante e verrà eseguita la scansione di tutti i collegamenti sulla pagina corrente, quindi evidenziarne uno a seconda che sia rotto o funzionante.

Scaricare: Controlla i miei collegamenti

15. Dimensioni

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

Scaricare: Dimensioni

Altre estensioni di Chrome che potrebbero essere utili

In aggiunta a quanto sopra, consigliamo vivamente queste estensioni di Chrome per la gestione delle schede e queste estensioni di Chrome per la produttività aziendale, due elementi che potrebbero frustrarti in quanto sviluppatore che utilizza Chrome.

Dovresti anche controllare la nostra vasta selezione delle migliori estensioni di Chrome Le migliori estensioni di Chrome Le migliori estensioni di Chrome Un elenco delle sole migliori estensioni per Google Chrome, inclusi i suggerimenti dei nostri lettori. Leggi altro, che copre tutto, dalla sicurezza all'intrattenimento, dallo shopping alla produttività generale e molto altro ancora.

Scopri di più su: Estensioni del browser, Google Chrome, Programmazione.