Ispettore di elementi in tempo reale
Passa il mouse su qualsiasi elemento per vederne all'istante tag, classi, dimensioni e posizione.
DevScope
Ispettore di elementi
Ispeziona qualsiasi elemento all'istante
Strumento per sviluppatori
Pagina ufficiale del prodotto
Editore:
POLPROG
Pagina ufficiale del prodotto
6
Pannelli
15+
Scorciatoie
19
Lingue
0
Dati raccolti
01 / DevScope
Informazioni
Un ispettore di elementi leggero e veloce per gli sviluppatori web. Navigazione del DOM, modifica CSS in tempo reale, ispettore degli attributi, stili calcolati e analisi dell'accessibilita.
02 / Utilizzo
Che cosa risolve
Il problema
- Gli strumenti completi spingono la pagina di lato
- Ogni prova di stile passa dall'editor
- Non sa dove finisce ciò che ispeziona
Il risultato
- Un pannello leggero galleggia sopra ciò che esamina
- La modifica CSS si vede subito, dal vivo
- Nessun dato lascia il Suo browser
Per chi
- Sviluppatori front-end
- Auditor di accessibilità
- Chi prova correzioni CSS sulla pagina viva
03 / Funzionalità principali
Funzionalità principali
Le funzionalità più importanti spiegate in modo pratico.
Navigazione del DOM
Naviga su e giu nell'albero del DOM con scorciatoie da tastiera o con un clic.
Modifica CSS in tempo reale
Modifica le proprieta CSS in tempo reale e vedi i cambiamenti subito sulla pagina.
Ispettore degli attributi
Visualizza e copia tutti gli attributi HTML, gli attributi data e i ruoli ARIA.
Stili calcolati
Vedi i valori calcolati per qualsiasi proprieta CSS, inclusa la visualizzazione del box model.
Pannello di accessibilita
Verifica ruoli ARIA, etichette, rapporti di contrasto e informazioni sull'albero di accessibilita.
Pannello flottante
Pannello trascinabile e ridimensionabile che resta in primo piano - non blocca mai il tuo flusso di lavoro.
Scorciatoie da tastiera
Naviga nel DOM, attiva e disattiva i pannelli e ispeziona gli elementi senza toccare il mouse.
Utilita di copia
Copia selettori, stili, HTML esterno o screenshot degli elementi negli appunti.
Temi scuro e chiaro
Scegli tra temi del pannello scuro e chiaro per adattarsi al tuo ambiente.
04 / Scarica
Accesso al prodotto
Un percorso chiaro dalla fonte ufficiale al primo utilizzo riuscito.
Scegli la piattaforma giusta
Usa uno dei link ufficiali disponibili per il tuo dispositivo o browser.
Installa o apri
Segui le istruzioni dello store o apri l'applicazione web. Nessun programma di installazione di terze parti.
Configura e inizia
Controlla le opzioni, scegli le preferenze e inizia dal flusso principale.
Opzioni di accesso ufficiali
Scarica
Installa l'estensione POLPROG nel tuo browser preferito.
05 / Tecnologia
Tecnologia del prodotto
Una panoramica trasparente delle tecnologie principali usate per creare e mantenere questo prodotto.
Chrome Extension
TypeScript
Webpack
06 / Sicurezza
Privacy e sicurezza
I tuoi dati restano sul tuo dispositivo. Sempre.