DT Dev Tools

JSON Viewer β€” Visualizzatore JSON

Visualizza file JSON di grandi dimensioni come albero comprimibile nel browser. Cerca chiavi e valori, copia i percorsi come JSONPath, jq o JavaScript.

πŸ”’ Funziona interamente nel tuo browser β€” nulla viene caricato

Drop a JSON file here (.json, .geojson, .ndjson, .jsonl, .har…) or click to browse

PubblicitΓ 

Un visualizzatore ad albero veloce per file JSON enormi

Il JSON Γ¨ facile da leggere quando Γ¨ lungo una dozzina di righe, ma quasi impossibile quando Γ¨ un dump API da 40 MB, un'esportazione GeoJSON o un file HAR del browser. Gli editor di testo faticano con file di queste dimensioni e la maggior parte dei visualizzatori online carica i tuoi dati su un server oppure blocca la scheda mentre costruisce migliaia di elementi HTML. Questo JSON viewer Γ¨ pensato proprio per questa situazione: trascini il file, viene analizzato in locale e mostrato come albero comprimibile in cui vengono disegnate solo le righe attualmente visibili. Che il documento abbia un centinaio di nodi o diversi milioni, lo scorrimento e l'espansione restano reattivi.

Ogni riga mostra la chiave o l'indice dell'array, un valore colorato e, per oggetti e array, il numero di chiavi o elementi che contengono. Clicca su una riga per selezionarla e aprirla o chiuderla, oppure usa la tastiera: i tasti freccia spostano la selezione ed espandono, Page Up e Page Down saltano di una schermata alla volta ed Enter apre o chiude il nodo corrente. Expand all e Collapse all agiscono sull'intero documento, con un limite di sicurezza che impedisce a un file enorme di bloccare la pagina.

Cerca e copia i percorsi

La casella di ricerca esamina ogni chiave e ogni valore del documento, compresi i nodi ancora compressi. Premi Enter per passare alla corrispondenza successiva e Shift+Enter per tornare indietro; il viewer espande i nodi genitori di ogni risultato, lo porta in vista ed evidenzia il testo corrispondente. In questo modo Γ¨ facile trovare un ID, un indirizzo email o un codice di errore nascosto in profonditΓ  in una risposta annidata.

Quando selezioni un nodo, il suo percorso completo appare sotto l'albero. Scegli la notazione che ti serve — JavaScript, JSONPath, JSON Pointer, jq o Python — e copiala con un clic, oppure passa il mouse su una riga e usa il suo pulsante per copiare il percorso. Le chiavi che contengono spazi, trattini o altri caratteri speciali vengono racchiuse tra virgolette e sottoposte a escape in modo corretto per ogni formato, così il percorso copiato può essere incollato direttamente nel codice, in un comando jq, in un'asserzione di test o in un'operazione JSON Patch. Copy value copia la stringa selezionata come testo semplice, oppure qualsiasi oggetto o array come JSON formattato.

Privato e funziona offline

Tutto avviene nel tuo browser. Il file non viene mai caricato, non serve alcun account e non viene memorizzato nulla, quindi Γ¨ sicuro ispezionare log di produzione, esportazioni di clienti o risposte che contengono token. Il JSON delimitato da nuove righe (NDJSON o JSON Lines) viene riconosciuto automaticamente e mostrato come array, e un input non valido viene segnalato con la riga e la colonna del primo errore. Se devi riformattare, minimizzare o ordinare le chiavi di un documento invece di sfogliarlo, usa invece il JSON Formatter.

Come usare

  1. Apri il JSONTrascina un file .json, .geojson o .ndjson, clicca per sfogliare oppure incolla il testo JSON.
  2. Esplora l'alberoClicca sulle righe o usa i tasti freccia per espandere e comprimere oggetti e array.
  3. CercaDigita una chiave o un valore e premi Enter per passare da una corrispondenza all'altra.
  4. Copia il percorsoSeleziona un nodo, scegli un formato di percorso e clicca su Copy path o Copy value.

Domande frequenti

Il mio file JSON viene caricato da qualche parte?
No. Il file viene letto e analizzato dal tuo browser con il metodo integrato JSON.parse. Non esiste alcun componente server, quindi risposte API, log ed esportazioni non lasciano mai il tuo dispositivo.
Quanto puΓ² essere grande il file da aprire?
File di 100 MB e oltre funzionano sulla maggior parte dei computer desktop. Vengono disegnate solo le righe visibili, quindi lo scorrimento resta fluido anche con milioni di nodi; il limite pratico Γ¨ la memoria del browser.
Quali formati di percorso posso copiare?
JavaScript (data.users[0].name), JSONPath ($.users[0].name), JSON Pointer (/users/0/name), jq (.users[0].name) e Python (data["users"][0]["name"]). Le chiavi con spazi o simboli vengono racchiuse tra virgolette in modo corretto per ogni formato.
Supporta NDJSON o JSON Lines?
Sì. Se l'input non è un singolo documento JSON ma ogni riga non vuota è un JSON valido, le righe vengono mostrate come un array, con un elemento per riga.
Cosa analizza la ricerca?
Le chiavi degli oggetti e il testo di stringhe, numeri, booleani e valori null in qualsiasi punto del documento, anche all'interno dei nodi compressi. I nodi corrispondenti vengono espansi ed evidenziati uno alla volta.
PubblicitΓ