Ispettore di pagina
Analizza qualsiasi pagina web in tempo reale — font, colori, immagini e SVG. Funziona come bookmarklet su qualsiasi sito.
Demo dal vivo — questa ha analizzato questa pagina. Installa il bookmarklet qui sotto per ispezionare qualsiasi sito web.
Analisi di questa pagina…
Usa su qualsiasi pagina (bookmarklet)
Vuoi usare Ispettore di pagina senza lasciare la pagina in cui ti trovi? Trascina il pulsante qui sotto nella barra dei preferiti, poi cliccalo su qualsiasi sito per aprire Ispettore di pagina direttamente lì — funziona interamente nel tuo browser.
Usalo responsabilmente: Un bookmarklet viene eseguito sulla pagina in cui lo clicchi. Evita siti sensibili come banche online, pagamenti o sanità — lo usi a tuo rischio. Tutto è elaborato localmente e nessun dato viene inviato. Consulta i nostri Termini.
- Mostra la barra dei preferiti se è nascosta — Ctrl+Shift+B (⌘+Shift+B su Mac).
- Trascina il pulsante qui sopra sulla barra dei preferiti.
- Apri qualsiasi sito e clicca il preferito — il pannello di Ispettore di pagina appare in alto a destra. Usa ✛ per cambiare angolo e ›/‹ per ripiegarlo sul bordo e riestrarlo.
- Clicca di nuovo il preferito (o ✕) per chiuderlo.
Nota: alcuni siti con politiche di sicurezza rigide possono bloccare i bookmarklet.
Esempi
Identificare i font di un sito
Input
Clicca il bookmarklet su una pagina → scheda Font
Output
Inter — 400/600/700 · 142× Roboto Mono — 400 · 18×
Estrarre la palette di colori
Input
Scheda Colori
Output
#111827 · 308 #2563EB · 47 #F9FAFB · 22 (clicca per copiare l'hex)
Elencare immagini con formato e dimensione
Input
Scheda Immagini
Output
logo.svg — SVG hero.webp — WEBP · 1600×900
Informazioni su questo strumento
L'Ispettore di pagina è un analizzatore di pagine web gratuito che rivela come è costruito qualsiasi sito dal vivo: i font che rende, la sua palette di colori, ogni immagine e SVG inline, i suoi link e una rapida panoramica tecnica. Viene eseguito interamente nel tuo browser senza caricamento, quindi è un modo rapido e privato per trovare i font di un sito, estrarre colori, verificare immagini o prendere un'icona SVG — che tu sia un designer che fa reverse engineering di un layout, uno sviluppatore in debug o semplicemente curioso.
Come si usa
- Prova la demo dal vivo sopra — analizza proprio questa pagina nelle schede Panoramica, Font, Colori, Immagini, SVG e Link.
- Per ispezionare qualsiasi altro sito, trascina il pulsante Ispettore di pagina qui sotto nella barra dei preferiti.
- Apri un sito qualsiasi e clicca il preferito — sopra di esso si apre un pannello.
- Cambia scheda per leggere i suoi font, copiare colori hex, aprire immagini o copiare il markup SVG inline.
Cosa ispeziona
- Font — le famiglie di font effettivamente renderizzate, con pesi e corsivi, ordinate per utilizzo.
- Colori — colori di testo, sfondo e bordo come hex, ordinati per frequenza così i colori del marchio emergono per primi.
- Immagini — ogni <img> più le immagini di sfondo CSS, con formato e dimensioni naturali.
- SVG — icone SVG inline con anteprima e copia del markup con un clic.
- Link — tutti i link divisi in interni ed esterni.
- Panoramica — titolo, meta descrizione, canonical, numero di nodi DOM, numero di script/fogli di stile e dimensione HTML approssimativa.
Poiché legge la pagina renderizzata, riporta i font e i colori che gli utenti vedono davvero, non solo quelli dichiarati in un foglio di stile. Per costruire i tag SEO che mostra, abbinalo al Generatore di meta tag.
Uso responsabile
L'Ispettore di pagina è uno strumento di sviluppo e apprendimento per analizzare la struttura, gli stili e i media di una pagina — le stesse informazioni che gli strumenti per sviluppatori integrati del tuo browser già espongono. Non copia, memorizza né ridistribuisce contenuti: immagini e video si aprono in una nuova scheda, e il codice SVG è mostrato solo per l'ispezione. Tutte le immagini, i video e gli SVG che visualizzi restano di proprietà dei loro proprietari originali (il sito web e i suoi autori). Sei l'unico responsabile di come usi ciò che mostra; non riutilizzare asset protetti da copyright senza permesso. Vedi i nostri Termini d'uso.
Domande frequenti
Cosa mostra l'Ispettore di pagina?
Analizza una pagina web dal vivo ed elenca i suoi font (con i pesi), i colori usati per testo, sfondi e bordi, ogni immagine (con formato e dimensioni), gli SVG inline, i link (interni vs esterni) e una panoramica rapida — titolo, descrizione, numero di nodi DOM, dimensione HTML e altro.
Come ispeziono un altro sito, non solo questo?
Trascina il pulsante Ispettore di pagina nella barra dei preferiti, apri un sito qualsiasi, poi clicca il preferito. Sopra quella pagina si apre un pannello che ne mostra font, colori, immagini, SVG e link. La demo di questa pagina esegue esattamente la stessa analisi sulla pagina che stai leggendo ora.
Devo installare un'estensione?
No. È un bookmarklet — un normale preferito il cui indirizzo è un piccolo pezzo di JavaScript. Non c'è nulla da installare né permessi da concedere; viene eseguito solo quando lo clicchi, e solo sulla scheda che stai visualizzando.
Trova i font che un sito usa?
Sì. Legge la font-family calcolata di ogni elemento di testo, quindi riporta i font effettivamente renderizzati a schermo (non solo quelli dichiarati nel CSS), insieme ai pesi e se vengono usati i corsivi. Un modo rapido per identificare la tipografia di qualsiasi sito.
Può estrarre la palette di colori di una pagina?
Sì. Raccoglie i colori di testo, sfondo e bordo di ogni elemento, li converte in hex e li ordina per frequenza di comparsa, così i colori del marchio dominanti salgono in alto. Clicca un campione per copiarne il codice hex.
I miei dati vengono caricati da qualche parte?
No. Tutto viene eseguito localmente nel tuo browser — l'ispettore legge solo la pagina in cui sei e non invia mai nulla a un server. Nessuna registrazione e completamente gratis.
Perché mancano alcune immagini o colori?
L'ispettore legge il DOM renderizzato, quindi immagini caricate in modo lazy sotto la piega, contenuti dentro iframe cross-origin o stili applicati dopo un clic potrebbero non apparire finché non sono sulla pagina. Riesegui la scansione dopo aver scorso o interagito per catturarli.