JSON, altrimenti JavaScript Notazione oggetto, i dati sono un protocollo per la comunicazione browser / server e una delle principali alternative a XML.

Tuttavia, i dati JSON non sono leggibili dagli sviluppatori senza un visualizzatore JSON che struttura e visualizza i dati in modo chiaro. Come tale, Mozilla ha incorporato un visualizzatore JSON in Firefox ed è abilitato per impostazione predefinita nel canale per sviluppatori.

Come posso visualizzare JSON in Firefox? Il modo più rapido per visualizzare e modificare i dati JSON in Firefox è attraverso il suo visualizzatore JSON integrato. Il visualizzatore di dati è abilitato per impostazione predefinita solo nella Developer Edition e Nighly. Se ciò non ti soddisfa, utilizza alcuni utili componenti aggiuntivi e strumenti Web per Firefox.

Per ulteriori informazioni a riguardo, consulta la guida di seguito.

Come abilitare JSON Viewer in Firefox

Se il visualizzatore JSON di Firefox non funziona per te, è probabilmente perché non è abilitato. Al momento, il visualizzatore di dati è abilitato per impostazione predefinita solo in Developer Edition e Nightly.

Ecco come abilitare il visualizzatore JSON in Firefox Stable:

• Innanzitutto, inserisci " about: config " nella barra degli indirizzi di Firefox e premi il tasto Invio per aprire la pagina mostrata nell'istantanea direttamente sotto.

• Successivamente, inserisci " devtools.jsonview.enabled " nella barra di ricerca nella parte superiore della pagina about: config.
• Ora puoi fare doppio clic su devtools.jsonview.enabled per impostare il suo valore su true. Ciò abilita efficacemente il visualizzatore JSON nel browser Firefox.

Componenti aggiuntivi e strumenti Web alternativi di JSON Viewer

Tuttavia, non è necessario abilitare il visualizzatore JSON in Firefox. Se il visualizzatore JSON di Firefox non funziona, puoi sempre provare componenti aggiuntivi e strumenti Web alternativi.

Ad esempio, è possibile aggiungere JSONView a Firefox premendo il pulsante + Aggiungi a Firefox in questa pagina. Dopo aver aggiunto quel componente aggiuntivo al browser, apri questa pagina per vedere un esempio di alcuni dati JSON formattati.

Le immagini seguenti mostrano i dati JSON prima e dopo che il componente aggiuntivo è abilitato in Firefox.

JSON-DataView è un componente aggiuntivo migliore con il quale è possibile personalizzare la visualizzazione dei dati. Trovalo in questa pagina e aggiungi questa estensione al tuo browser.

Quindi, apri di nuovo questa pagina per verificare come si formatta e visualizza i dati JSON. I dati ora includono i pulsanti + e - per espandere e comprimere i nodi dell'albero, l'evidenziazione della sintassi e i collegamenti ipertestuali.

JSON-DataView include anche opzioni di personalizzazione che è possibile selezionare facendo clic sul pulsante del menu Apri nella parte superiore destra del browser e dei componenti aggiuntivi.

Successivamente, premere il pulsante Opzioni accanto a JSON-DataView per aprire la finestra mostrata di seguito. Lì puoi fare clic sul menu a discesa Tema per modificare i colori dei dati JSON. Fare clic sulla scheda Visualizza per personalizzare il carattere del testo.

Esistono anche strumenti Web del visualizzatore JSON in cui è possibile copiare e incollare i dati. Innanzitutto, è possibile copiare e incollare i dati nella scheda Testo di questo visualizzatore JSON. Prova a copiare e incollare i dati JSON di seguito con i tasti di scelta rapida Ctrl + C e Ctrl + V.

{"Hey": "guy", "anumber": 243, "anobject": {"whoa": "nuts", "anarray":, "more": "stuff"}, "awesome": true, "fasullo ": False", significato ": null, " giapponese ":"

明日 が あ る。 ”, “ link ”:“ http://jsonview.com ”, “ notLink ”:“ http://jsonview.com è fantastico ”}

Dopo averlo copiato nella scheda Testo, premi il pulsante Formato sulla barra degli strumenti del visualizzatore JSON. Ciò visualizzerà quindi i dati come mostrato nello scatto seguente, che è molto più chiaro.

Puoi caricare altri dati premendo il pulsante Carica dati JSON e inserendo un URL. La scheda Visualizzatore visualizza le variabili di dati con strutture ad albero che è possibile espandere o comprimere premendo i pulsanti + e -.

JSON Editor Online è un altro strumento Web in cui è possibile visualizzare i dati da HDD o URL. Fare clic qui per aprire lo strumento Web, quindi copiare e incollare i dati di esempio sopra nell'editor di codice.

Premere il pulsante freccia destra per copiare il codice nell'editor dell'albero, quindi fare clic sul pulsante freccia sinistra per visualizzare i dati JSON come mostrato di seguito. Qui puoi modificare i dati e salvare le modifiche apportate.

La pagina include anche un utile strumento di ricerca per campi e valori.

Se hai bisogno di un visualizzatore JSON, il visualizzatore Firefox integrato non fa tutto ciò di cui hai bisogno. Pertanto, i componenti aggiuntivi e gli strumenti Web JSON sono ottime alternative per gli sviluppatori che devono aprire e modificare i dati JSON.

Spero che ciò sia stato utile e che ora sia a conoscenza dei diversi componenti aggiuntivi e strumenti Web JSON che è possibile utilizzare. Se hai altre domande, non esitare a contattare la sezione commenti qui sotto.

Nota del redattore: questo post è stato originariamente pubblicato nell'aprile 2017 e da allora è stato completamente rinnovato e aggiornato per garantire freschezza, accuratezza e completezza.