Iniziare è semplice. Installa l'estensione, apri qualsiasi pagina web e accedi a 39+ strumenti per sviluppatori dal popup o dal dock flottante. Nessuna configurazione necessaria.
Aggiungi l'estensione a Chrome
Apri il Chrome Web Store e cerca l'estensione "DevSuite Pro".
Clicca su "Aggiungi a Chrome" e poi conferma cliccando su "Aggiungi estensione" nella finestra pop-up.
Apri qualsiasi pagina web e avvia uno strumento
Naviga su qualsiasi sito web, poi clicca sull'icona DevSuite Pro nella barra degli strumenti o usa il dock flottante sulla pagina.
Seleziona qualsiasi strumento dalla griglia. Strumenti come CSS Inspector, Rulers o Color Picker si attivano istantaneamente sulla pagina corrente.
Funzionalità dell'estensione
Funzionalità chiave di DevSuite Pro
DevSuite Pro offre 39+ strumenti per sviluppatori per ispezionare, misurare, progettare e analizzare pagine web. Ottimizza il tuo flusso di lavoro con potenti funzionalità integrate direttamente nel tuo browser.
CSS Inspector
Passa il mouse su qualsiasi elemento per visualizzare e modificare istantaneamente i suoi stili CSS in tempo reale, rendendo facile il debug e la messa a punto dei design.
Clicca su qualsiasi elemento per ispezionarne le proprietà, le dimensioni, la spaziatura, i font e i colori. Comprendi la struttura della pagina istantaneamente senza aprire i DevTools del browser.
Rulers & Guides
Misura le distanze, verifica l'allineamento e aggiungi righelli e guide pixel-perfect su qualsiasi pagina web per garantire che i tuoi design siano perfettamente allineati.
Color Picker
Seleziona i colori da qualsiasi elemento sulla pagina e copia i valori HEX, RGB o HSL negli appunti con un solo clic.
Cattura schermo
Cattura screenshot a pagina intera o dell'area visibile di qualsiasi pagina web e scaricali istantaneamente, perfetti per condividere design e segnalare bug.
Test responsive
Visualizza l'anteprima di qualsiasi pagina web a diverse dimensioni dello schermo e risoluzioni dei dispositivi per testare il design responsive senza lasciare il browser.
Domande comuni sulle funzionalità e l'utilizzo dell'estensione DevSuite Pro. Se hai una domanda, potresti già trovare la risposta qui sotto.
Come installo DevSuite Pro?
Visita il Chrome Web Store, cerca "DevSuite Pro", clicca su "Aggiungi a Chrome" e conferma selezionando "Aggiungi estensione". Una volta installata, l'icona dell'estensione apparirà nella barra degli strumenti del browser. Cliccaci sopra per accedere istantaneamente a 39+ strumenti per sviluppatori.
Qual è la differenza tra strumenti gratuiti e Pro?
Gli strumenti gratuiti (20+) sono disponibili per tutti senza licenza. Gli strumenti Pro sono contrassegnati con un badge dorato PRO e richiedono una licenza Pro attiva. Puoi vedere quali strumenti sono gratuiti o pro dal popup — gli strumenti gratuiti non hanno l'icona del lucchetto, mentre gli strumenti pro appaiono leggermente attenuati finché non attivi la tua licenza.
Perché uno strumento non funziona su alcuni siti?
Alcuni siti web hanno politiche di sicurezza dei contenuti (CSP) restrittive che bloccano determinate azioni delle estensioni del browser. Questo è particolarmente comune sui siti bancari e governativi. Inoltre, le pagine interne di Chrome (chrome://) non consentono alle estensioni di eseguire script di contenuto.
Le mie modifiche a una pagina sono permanenti?
No. Tutte le modifiche effettuate da strumenti come Move Element, Live Text Editor, Delete/Hide Element e CSS Inspector sono temporanee. Influenzano solo ciò che vedi nel tuo browser in questo momento. Ricaricare la pagina ripristinerà tutto allo stato originale.
Come attivo la mia licenza Pro?
Apri il popup di DevSuite Pro, clicca sull'icona Impostazioni nell'angolo in alto a destra. Scorri fino alla sezione Licenza, incolla la tua chiave di licenza nel campo di inserimento e clicca su Attiva. Se la chiave è valida, il badge cambierà da FREE a PRO e tutti gli strumenti pro verranno sbloccati istantaneamente.
Come sposto o nascondo il dock flottante?
Puoi spostare il dock andando in Impostazioni e scegliendo una diversa posizione della barra laterale — Alto, Basso, Sinistra o Destra. Puoi anche nascondere completamente il dock disattivando "Mostra dock sulle pagine" nelle Impostazioni, o premendo Ctrl+Shift+X in qualsiasi momento.
DevSuite Pro raccoglie dati di navigazione?
No. DevSuite Pro non raccoglie, traccia o trasmette i tuoi dati di navigazione. Tutte le impostazioni sono memorizzate localmente nel tuo browser. L'unica richiesta esterna effettuata è durante l'attivazione della chiave di licenza per verificare la tua chiave presso il nostro server.
Posso usare DevSuite Pro su Firefox?
Sì! DevSuite Pro è disponibile sia sul Chrome Web Store che sui componenti aggiuntivi di Firefox. Funziona su Chrome, Edge, Brave e altri browser basati su Chromium, oltre che su Firefox.
