JSON Formatter & Viewer

Formattare, validare, visualizzare e confrontare JSON, inspector WebSocket. Albero, ricerca, file fino a 10 MB. Senza pubblicità.

JSON Formatter & Viewer — uno strumento veloce e leggero per sviluppatori: formattare, validare, esplorare, trasformare e confrontare dati JSON. Gestisce file JSON fino a ~10 MB. — Formattare — ✅ Formattare e abbellire il JSON con l'indentazione corretta ✅ Minificare il JSON su una sola riga ✅ Ordinare le chiavi degli oggetti in ordine alfabetico (ricorsivo) ✅ Validare la sintassi in tempo reale con messaggi di errore chiari ✅ Formattazione automatica all'incolla o al trascinamento di un file — Esplorare — ✅ Vista ad albero interattiva da espandere e comprimere ✅ Espandere fino a qualsiasi livello di profondità (1–10) con un clic ✅ Ricerca con evidenziazione in tempo reale, conteggio dei risultati e distinzione maiuscole/minuscole ✅ Copiare qualsiasi valore o percorso dall'albero — Annulla e cronologia — ✅ Annullare l'ultima formattazione, ordinamento delle chiavi o formattazione automatica con un clic ✅ Scorrere gli stati recenti e tornare a uno qualsiasi (fino a 30 voci, 5 MB) ✅ La cronologia viene conservata tra le sessioni — Confrontare — ✅ Confronto di due JSON affiancati ✅ Confronto ad albero con filtri: aggiunto / rimosso / modificato ✅ Nascondere le chiavi invariate per concentrarsi sulle differenze — Importare ed esportare — ✅ Incollare dagli appunti o trascinare file (fino a ~10 MB) ✅ Caricare JSON da un URL ✅ Leggere JSON in tempo reale direttamente dal WebSocket di una pagina (vedi sotto) ✅ Scaricare come file .json ✅ Caricare un JSON di esempio per provarlo subito — JSON in tempo reale via WebSocket — Stai facendo il debug di un'app che comunica via WebSocket? Invece di copiare a mano i payload dai DevTools, la scheda WebSocket mostra ogni messaggio nella stessa vista ad albero che usi già: i messaggi a sinistra, il JSON formattato a destra. ✅ Messaggi in entrata e in uscita, i più recenti per primi, con orario e dimensione ✅ Clicca su un messaggio per esplorarlo nell'albero, a qualsiasi profondità ✅ I frame binari vengono decodificati e contrassegnati ✅ Filtra per direzione o per socket quando una pagina ne apre più di uno ✅ Raggruppa i frame keepalive ripetuti in una sola riga con contatore ✅ Vedi gli eventi di apertura, chiusura ed errore della connessione, per notare un socket caduto ✅ Confronta due frame qualsiasi affiancati nella vista diff ✅ Copia un frame o invialo all'editor per usare tutti gli strumenti ✅ Esporta i frame visibili come file JSON ✅ Funziona anche con il tuo server di sviluppo locale su localhost Come si usa: apri la pagina di cui fai il debug → clicca sull'icona dell'estensione → scheda WebSocket → "Allow on this site" → ricarica la pagina. La cattura deve partire insieme alla pagina, perciò il ricaricamento è necessario. — Pannello laterale — Fissa il formatter nel pannello laterale di Chrome: resta aperto mentre navighi, senza dover riaprire il popup dopo ogni clic. ✅ Un clic su Pin aggancia l'app alla destra del browser ✅ Continua a funzionare mentre interagisci con la pagina — perfetto per il traffico WebSocket in tempo reale ✅ Finché è fissato, l'icona dell'estensione apre il pannello laterale, anche dopo il riavvio del browser ✅ Unpin in qualsiasi momento per tornare al popup compatto — Condividere — ✅ Link di condivisione con un clic (i dati vivono nell'URL e non raggiungono mai alcun server) — Esperienza — ✅ Tema scuro e chiaro, con preferenza memorizzata ✅ Stato dell'editor e dell'albero conservato tra le sessioni ✅ Niente pubblicità, niente tracciamento, nessuna raccolta dati — tutto gira nel tuo browser — Permessi e privacy — L'estensione chiede l'accesso a un sito solo quando premi "Allow on this site" nella scheda WebSocket, e solo per quel sito. Nulla viene richiesto all'installazione, e nessun sito viene osservato finché non lo approvi. I messaggi WebSocket vengono solo letti — nulla nella pagina viene modificato, bloccato o iniettato. I messaggi catturati restano nella memoria di quella scheda (massimo 500) e scompaiono quando la chiudi o la ricarichi. Non vengono mai caricati da nessuna parte: l'estensione non ha backend né analytics. Puoi revocare un sito in qualsiasi momento: chrome://extensions → JSON Formatter & Viewer → Site access. Informativa sulla privacy completa: https://json.fedrr.com/privacy.html Basta cliccare sull'icona dell'estensione, incollare il tuo JSON e formattarlo all'istante. Disponibile anche come web app: https://json.fedrr.com