7 strumenti per modificare file JSON in Google Chrome

7 strumenti per modificare file JSON in Google Chrome

Il formato JSON deriva da Javascript e spesso viene utilizzato per trasmettere dati tra un server e un’applicazione web. È un’alternativa all’XML che consente a un programmatore di dilettarsi, utilizzando un numero qualsiasi di strumenti. Ma cosa succede se desideri utilizzare il browser per lavorare con i tuoi file JSON? Esistono diverse app Web ed estensioni per Google Chrome volte ad aiutare i programmatori a modificare i file JSON.

1. Editor JSON in linea

Disponibile come: applicazione Web

JSON Editor Online è uno strumento per visualizzare, modificare e formattare JSON. Questa app Chrome apre un editor di testo nel tuo browser, permettendoti di modificare il codice senza dover passare a un’altra applicazione. L’app visualizza due caselle di testo affiancate. Il campo a sinistra visualizza il codice così com’è, mentre il campo a destra visualizza il testo in un formato più leggibile.

Visualizzazione dell'applicazione Web JSON nel browser.

L’app può aprire sia file locali che URL. Il suo codice sorgente è disponibile anche per chi vuole sapere come è stato realizzato. Può aprire file fino a 512 MB, che a prima vista potrebbero non sembrare molti, ma possono contenere un’enorme quantità di dati. Per file molto grandi, potresti voler controllare questi strumenti per visualizzarli rapidamente senza ritardi .

JSON Editor è più di un semplice editor. È un formattatore, un parser e persino un assistente di riparazione. Merita sicuramente un posto nel toolkit di ogni sviluppatore di software.

2. Formattatore JSON

Disponibile come: estensione Chrome

L’ estensione JSON Formatter per Chrome è uno strumento open source che semplifica anche la lettura del codice JSON. Promuove il supporto sia per i formati JSON che JSONP e offre evidenziazione della sintassi, alberi comprimibili, guide per i rientri e URL cliccabili. Funziona su qualsiasi pagina JSON valida e anche su file locali.

Estensione JSON Formatter attiva.

Questa estensione funziona anche sui file JSON serviti su Internet. Tuttavia, a volte entra in conflitto con lo stile del sito HTML, quando i dati JSON vengono forniti grezzi sulla porzione HTML. Ciò tende ad accadere nella pagina di esempio del sito Web JSON ufficiale , in cui il colore di sfondo scompare.

Ma poiché si tratta di un’estensione, puoi facilmente disattivarla o impedirle di lavorare su pagine in incognito. Inoltre, è open source, quindi puoi modificare il codice sorgente per fargli fare ancora più cose.

3. Visualizzazione JSON

Disponibile come: estensione Chrome

JSONView per Google Chrome è nato come componente aggiuntivo di Firefox . È completo di opzioni del menu contestuale per copiare un percorso o un valore JSON. C’è anche un editor di stile integrato per personalizzare il tema.

JSONVisualizza le estensioni di Chrome in azione.

Come estensione creata da un altro sviluppatore, JSONVue espande la capacità di JSONView di convalidare documenti JSON utilizzando JSONLint .

JSONView applica anche alcune stampe graziose sui file JSON. Ciò aggiunge una stampa in grassetto sulle chiavi JSON per renderle più facili da leggere rispetto alle parentesi e ai due punti non in grassetto.

4. Abbellitore ed editor JSON

Disponibile come: estensione Chrome

JSON Beautifier & Editor trasforma il tuo browser Chrome in uno strumento JSON per la modifica, l’elaborazione e l’analisi dei dati. Ti consente di modificare chiavi e valori, nonché di salvare le modifiche in un file di output JSON scaricabile.

Visualizzazione dell'estensione JSON Beautifier & Editor.

Forse la caratteristica più importante di JSON Beautifier & Editor è la possibilità di aggiungere e rimuovere spazi bianchi per i tuoi file JSON. Ha anche un modo per ordinare i tuoi oggetti nel caso in cui cambi un paio di cose durante la codifica.

Tutto sommato, questa estensione espande ciò che possono fare le normali estensioni JSON di Chrome, trasformando il tuo browser web in un editor di testo offline per file JSON.

5. Codice Abbellisci Editor JSON

Disponibile come: applicazione Web

L’ editor JSON di Code Beautify è solo uno dei tanti altri strumenti disponibili nella suite di app di abbellimento del codice di Code Beautify. Concentrandosi sull’editor JSON, troverai un paio di altri modi per visualizzare i file JSON dal tuo browser web.

Estensione Code Beautify JSON Editor attiva.

L’app presenta una visualizzazione codice, che è per lo più solo una visualizzazione testo abbellita, tranne per il fatto che è indipendente dalla visualizzazione testo quando si visualizza JSON compatto. Nel frattempo, la visualizzazione Modulo mostra la dimensione di ciascun array all’interno di ciascuna riga compressa. Per gli oggetti, mostra quante chiavi si trovano al suo interno.

Un’altra cosa che rende utile questa estensione è che mostra quanto sono grandi i file JSON modificati e originali. Se stai lavorando su un progetto molto particolare in termini di dimensioni dei file, questo potrebbe essere lo strumento giusto per il lavoro.

6. Tutorial Point Editor JSON online

Disponibile come: applicazione Web

L’ editor JSON online di Tutorials Point è un ottimo strumento di editing JSON che è anche facile da vedere. Ti consente di attivare/disattivare gli elementi visivi, che possono aiutarti a visualizzare gli spazi bianchi nel codice JSON profondamente annidato. Inoltre, ha temi modificabili.

Tutorial Visualizzazione dell'editor JSON online nel browser.

Forse l’attrazione principale di questo editor è che offre anche l’accesso a una libreria di tutorial. Ciò lo rende uno strumento utile per le persone che cercano di imparare nuovi linguaggi di programmazione , facendo affidamento principalmente su risorse online.

Similmente a tutti gli altri strumenti di modifica JSON online, questo editor ti consente di scaricare il JSON modificato tramite il browser. In questo modo, puoi usarlo per fare quasi tutto ciò che devi fare con qualsiasi codice JSON.

7. Editor JSON dagli strumenti di Dan

Disponibile come: applicazione Web

Editor JSON di Dan’s Tools è un editor JSON online gratuito che presenta un aspetto pulito e minimalista. Ciò che manca in termini di funzionalità, viene compensato dal caricamento rapido non appena si inserisce l’URL.

Editor JSON Dalla vista Strumenti di Dan nel browser.

È abbastanza buono se hai bisogno di qualcosa che puoi utilizzare rapidamente per modificare. Tuttavia, la funzione “Carica file” a volte viene visualizzata nella parte inferiore dello schermo su alcuni browser durante l’utilizzo delle estensioni di blocco degli annunci pubblicitari, il che potrebbe risultare scomodo.

Lo sviluppatore di questa app, Clean CSS (aka Dan’s Tools) ha anche altri strumenti per convertire JSON in altri formati, come CSV, XML, TSV e persino HTML.

Accedi comodamente ai file JSON

Tutte le immagini e gli screenshot sono di Terenz Jomar Dela Cruz

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *