Visualizzatore JSON online
Albero, tabella ed editor
Inoltre, questo visualizzatore JSON online mostra i tuoi dati come un albero che puoi aprire e cercare, oppure come una tabella. Poi clicca su una riga per copiarne il percorso o cambiarne il valore. Tutto funziona nella tua scheda.
- GratisPrezzo
- 2Viste
- NessunaRegistrazione
- NessunaCaricamenti
Visualizzatore ed editor JSON
Leggi JSON come albero o tabella, cercalo e modificalo
- Chiavi
- 0
- Profondità
- 0
- Dimensione
- 0 B
- Stringhe
- 0
- Numeri
- 0
- Altri valori
- 0
Un JSON valido compare qui come albero che puoi aprire, cercare e modificare.
Clicca su una riga dell'albero per leggerla, copiarne il percorso o cambiarla.
Pronto. Incolla JSON, apri un file o prova l'esempio.
A cosa serve un visualizzatore JSON online
Questo visualizzatore JSON online trasforma un muro di parentesi in qualcosa di leggibile. Incolla i tuoi dati e compaiono come un albero. Apri un ramo, chiudilo, cercalo o modificalo.
Tra l’altro, JSON è il modo in cui la maggior parte delle app si parla. Un'API lo invia, un file di configurazione lo conserva e uno strumento di log lo stampa. Eppure una risposta grezza è difficile da scorrere. Una sola riga lunga nasconde tutto.
Per questo un visualizzatore aiuta. Mostra prima la forma e poi il dettaglio. Vedi che orders contiene un elenco, che ogni ordine ha un cliente e che manca un prezzo.
Il formato è semplice, e la RFC 8259 lo descrive. Eppure piccoli errori lo rompono. Infatti, basta una virgola sperduta. Per questo questa pagina trova anche la riga esatta di ogni errore.
Leggere il JSON come un albero
L'albero è il cuore di questo visualizzatore ad albero JSON. Ogni oggetto e ogni elenco ricevono una riga con una piccola freccia. Clicca sulla freccia e il ramo si apre.
Il colore aiuta a scorrere il testo. Così, le stringhe sono verdi, i numeri blu, e true, false e null viola. Le chiavi risaltano in grassetto. Inoltre un ramo chiuso indica quante chiavi o elementi contiene.
Puoi usare anche la tastiera. Le frecce spostano la selezione, Destra apre un ramo e Sinistra lo chiude. Home e Fine saltano alla prima e all'ultima riga.
Passare a una tabella
Certi JSON sono in realtà un foglio di calcolo camuffato. Inoltre, un elenco di prodotti, utenti o ordini ha le stesse chiavi in ogni record. Una tabella lo mostra a colpo d'occhio.
Premi Tabella e ogni record diventa una riga. Ogni chiave diventa una colonna. Clicca su un'intestazione per ordinare. Se clicchi su una riga, l'ispettore qui sotto apre quel record.
Se il tuo JSON è un grande oggetto, seleziona prima l'elenco al suo interno. Così la tabella segue la tua selezione.
Una ricerca che apre i rami giusti
I file grandi nascondono ciò che ti serve. Tra l’altro, scrivi una parola nel campo di ricerca e ogni risultato si illumina. Inoltre il visualizzatore apre ogni ramo lungo il percorso, così nulla resta sepolto.
Scegli dove cercare. Puoi cercare in chiavi e valori, solo nelle chiavi o solo nei valori. Premi Invio per passare al risultato successivo, e Maiusc con Invio per tornare indietro.
Il contatore accanto al campo indica quanti risultati ci sono. Smette di contare a duemila, il che mantiene veloce la pagina.
Modificare senza toccare il testo
Infatti, questo è anche un editor JSON online. Clicca su una riga e l'ispettore mostra chiave, tipo e valore. Cambia ciò che serve e premi Applica.
Puoi rinominare una chiave, trasformare una stringa in numero o un valore in elenco. Puoi aggiungere una nuova chiave in un oggetto, duplicare una riga o spostarla su e giù. Elimina la rimuove.
Inoltre ogni modifica riscrive subito il testo a sinistra. Se sbagli, premi Annulla. La cronologia conserva gli ultimi cento passi.
Riparare quasi-JSON
Così, le persone incollano cose che sembrano JSON ma non lo sono. Una configurazione con commenti. Un dizionario Python. Una risposta copiata da una chat con una recinzione di codice intorno.
Premi Ripara e lo strumento corregge i problemi comuni. Rimuove commenti e virgole finali e mette le virgolette alle chiavi nude. Cambia gli apici singoli in virgolette doppie, e True e None in true e null.
Poi elenca ogni modifica fatta. Leggi quell'elenco. Inoltre, una riparazione è un'ipotesi, e devi sapere cosa è stato ipotizzato.
Copiare un percorso con un clic
Seleziona una riga e il percorso compare sotto l'albero. Copialo come JSONPath, per esempio $.products[0].price. Oppure copialo come JavaScript, per esempio data.products[0].price.
I numeri grandi restano esatti
Molti visualizzatori trasformano ogni numero in un double. Allora un ID come 12345678901234567890 diventa in silenzio 12345678901234567000. Questo mantiene ogni numero com'è stato scritto. È importante, perché la modifica torna nel tuo testo senza danni.
In questa pagina
- Lo strumento
- A cosa serve un visualizzatore JSON online
- Usare il visualizzatore JSON, passo dopo passo
- Cosa fa di diverso questo visualizzatore JSON
- Abitudini per lavorare con JSON in sicurezza
- Errori JSON comuni che questo visualizzatore trova
- Domande frequenti sul visualizzatore JSON
- Utili compagni per lavorare con JSON
Continua
Usare il visualizzatore JSON, passo dopo passo
Quattro passi ti portano dal testo grezzo a un valore cambiato. Poi ricerca e tabella rendono veloce il resto.
- 1
Incolla o apri il tuo JSON
Scrivi nel campo, incolla dagli appunti o apri un file
.json. La tua scheda legge il file. Inoltre, non lascia mai il tuo dispositivo. - 2
Leggilo come albero
L'albero si disegna mentre scrivi. Apri un ramo con la sua freccia, oppure usa l'elenco Apri livelli per mostrarne due, tre o quattro insieme.
- 3
Cerca o passa a una tabella
Cerca in chiavi e valori, oppure premi Tabella per vedere un elenco di record in colonne. Clicca su un'intestazione per ordinare.
- 4
Seleziona una riga per copiare o modificare
Tra l’altro, copia il suo percorso o il suo valore. Oppure cambia chiave, tipo e valore, poi premi Applica. Il testo a sinistra si aggiorna subito.
- 5
Copia o scarica il risultato
Formatta, minifica o ordina prima le chiavi, se vuoi. Poi copia il JSON o salvalo come file.
Cosa fa di diverso questo visualizzatore JSON
Molti visualizzatori mostrano un albero. Ecco dove questo va oltre.
Albero, tabella e testo, insieme
Testo, albero e tabella sono tre viste di un solo modello. Modificane una e le altre seguono.
Posizione esatta degli errori
Quando il JSON ha un difetto, ottieni la riga, la colonna e un segno sotto il problema. I browser raramente te lo danno.
Una riparazione che si spiega da sola
Il pulsante di riparazione corregge commenti, virgolette e virgole. Poi elenca ogni modifica, così nulla accade alle tue spalle.
I numeri non cambiano mai
Gli ID lunghi e i prezzi mantengono ogni cifra. Il visualizzatore non trasforma mai i tuoi dati in ipotesi in virgola mobile.
Pensato per la tastiera
Frecce, Home, Fine e Invio funzionano tutti. Inoltre ogni controllo ha un'etichetta, così può usarlo anche uno screen reader.
Nulla lascia la tua scheda
Le risposte delle API contengono spesso dati privati. Poiché il tuo browser fa tutto il lavoro, nulla arriva a questo sito.
Abitudini per lavorare con JSON in sicurezza
Un visualizzatore rende il JSON facile da leggere. Inoltre queste abitudini lo mantengono corretto.
- Guarda la forma prima del dettaglio. Apri prima un livello. Controlla che le chiavi di primo livello siano quelle che ti aspetti. Poi scendi dove serve.
- Conserva una copia prima di una grossa modifica. Copia il testo originale in un posto sicuro. Annulla è comodo, ma un file salvato è più sicuro.
- Cerca la chiave, non solo il valore. Un valore come 0 corrisponde a centinaia di righe. Invece una chiave come
discountdi solito ne trova poche. - Usa la tabella per gli elenchi di record. Ordinare una colonna trova il prezzo più alto o la data più vecchia in due clic. Con un albero devi cercarlo.
- Copia i percorsi invece di digitarli. Un errore in un percorso non restituisce nulla, e nulla sembra un successo. Copia il percorso dalla riga che vedi.
- Controlla i tipi dopo la modifica. La stringa
"42"e il numero42sono diversi. Molte API rifiutano quello sbagliato. - Ordina le chiavi prima di confrontare due file. L'ordine delle chiavi non cambia il significato. Però cambia un confronto di testo. Ordinare prima entrambi i file elimina il rumore.
- Tratta la riparazione come una prima bozza. Leggi l'elenco delle correzioni. Se una sembra sbagliata, premi Annulla e correggi quel punto a mano.
- Rimuovi i segreti prima di condividere un esempio. Token ed e-mail si nascondono nelle risposte delle API. Eliminali nell'albero, poi copia il testo pulito.
- Minifica solo per la copia finale. Tieni la versione indentata mentre lavori. Schiacciala su una riga quando la invii.
Errori JSON comuni che questo visualizzatore trova
Tra l’altro, ognuno di questi rompe un parser. Il visualizzatore indica il punto, quindi la correzione richiede pochi secondi.
Una virgola finale
Una virgola dopo l'ultimo elemento va bene in JavaScript. In JSON è un errore. Ripara la rimuove.
Apici singoli intorno al testo
JSON vuole sempre virgolette doppie. Gli apici singoli funzionano in Python e JavaScript, per questo la gente li incolla per abitudine.
Chiavi senza virgolette
Scrivere
{name: "Ali"}è lecito nel codice. Come JSON, invece, la chiave deve essere"name".Commenti dentro il file
JSON non ha alcuna sintassi per i commenti. Una nota in un file di configurazione ferma un parser rigoroso.
Chiavi duplicate
Infatti, il formato le consente, ma la maggior parte dei lettori tiene solo l'ultima. Il visualizzatore mostra un avviso, così puoi decidere.
Valori Python
True, False e None non sono JSON. Le parole devono essere true e false in minuscolo, e None diventa null.
Domande frequenti sul visualizzatore JSON
Questo visualizzatore JSON online è davvero gratuito?
Sì. Non costa nulla, non chiede un account e non ha limiti d'uso. Poiché funziona nel tuo browser, non abbiamo costi di server da girarti.
Il mio JSON esce dal mio dispositivo?
No. Il tuo browser lo legge, lo disegna e lo modifica. Nulla arriva a questo sito e non salviamo nulla. Inoltre, chiudere la scheda cancella tutto.
Che dimensione di file può aprire?
Tra l’altro, apre file fino a dieci megabyte dal disco. Anche il testo incollato può essere grande. Poiché l'albero disegna solo i rami che apri, i file grandi restano veloci.
Che differenza c'è tra albero e tabella?
L'albero mostra qualsiasi JSON, livello dopo livello. La tabella, invece, va bene per un elenco di record con le stesse chiavi. Scegli la vista che mostra meglio i tuoi dati.
Posso modificare i valori lasciando invariato il resto?
Sì. Seleziona la riga, cambia il valore e premi Applica. Infatti, cambia solo quel valore. Il testo a sinistra si aggiorna e tutto il resto resta com'era.
Cosa corregge il pulsante Ripara?
Corregge commenti, virgole finali, apici singoli, chiavi senza virgolette, virgole mancanti, valori Python e parentesi non chiuse. Inoltre elenca ogni modifica fatta.
Perché dice che il mio JSON non è valido se nel mio codice funziona?
JavaScript è più tollerante di JSON. Commenti, apici singoli e virgole finali funzionano nel codice, ma falliscono nel JSON rigoroso. Ripara può correggerli.
Che cos'è un JSONPath?
È un indirizzo per un valore dentro il JSON. Per esempio, <code>$.store.name</code> indica la chiave name dentro l'oggetto store. Molti strumenti lo accettano.
Il visualizzatore cambia i miei numeri?
No. Così, ogni numero resta esattamente come l'hai scritto. Gli ID lunghi mantengono tutte le cifre, cosa che molti altri visualizzatori non possono promettere.
Posso vedere JSON da un file o da un link?
Puoi aprire un file con il pulsante Apri un file. Un link richiederebbe di scaricare un altro sito, e una pagina del browser non può farlo in sicurezza. Perciò incolla il testo della risposta.
Funziona su un telefono?
Sì. I due pannelli si impilano, l'albero scorre e i pulsanti sono abbastanza grandi da toccare. Per modifiche lunghe, però, una tastiera è ancora più comoda.
Utili compagni per lavorare con JSON
Leggere JSON è un passo. Questi tre strumenti gestiscono i passi intorno.
Formattatore JSON
Così, abbellisci, minifica e convalida con la riga esatta di ogni errore.
Apri lo strumento →Convertitore da JSON a CSV
Appiattisci un elenco di record in righe per un foglio di calcolo.
Apri lo strumento →Convertitore da XML a JSON
Porta un feed XML in JSON, poi esploralo qui.
Apri lo strumento →
Pronto a leggere un po' di JSON?
Incolla i tuoi dati, apri i rami e cambia ciò che serve. Inoltre, il visualizzatore JSON è gratuito, non chiede un account e tiene ogni byte sul tuo dispositivo.