JSON Formatter & Viewer

JSON formatteren, valideren, bekijken en vergelijken, WebSocket-inspector. Boomweergave, zoeken, bestanden tot 10 MB. Geen reclame.

JSON Formatter & Viewer — een snelle, lichte tool voor ontwikkelaars om JSON te formatteren, valideren, verkennen, transformeren en vergelijken. Verwerkt JSON-bestanden tot ~10 MB. — Formatteren — ✅ JSON formatteren en opmaken met correcte inspringing ✅ JSON minificeren tot één regel ✅ Objectsleutels alfabetisch sorteren (recursief) ✅ Syntaxis in realtime valideren met duidelijke foutmeldingen ✅ Automatisch formatteren bij plakken of het neerzetten van een bestand — Verkennen — ✅ Interactieve boomweergave met uit- en inklappen ✅ Met één klik uitklappen tot elk niveau (1–10) ✅ Zoeken met live markering, aantal treffers en hoofdlettergevoelige modus ✅ Elke waarde of elk pad uit de boom kopiëren — Ongedaan maken & geschiedenis — ✅ De laatste formattering, sleutelsortering of autoformattering met één klik ongedaan maken ✅ Recente toestanden doorbladeren en naar elke toestand terugspringen (tot 30 items, 5 MB) ✅ Geschiedenis blijft bewaard tussen sessies — Vergelijken — ✅ Twee JSON-documenten naast elkaar vergelijken ✅ Boomvergelijking met filters: toegevoegd / verwijderd / gewijzigd ✅ Ongewijzigde sleutels verbergen om op de verschillen te focussen — Importeren & exporteren — ✅ Plakken vanuit het klembord of bestanden slepen en neerzetten (tot ~10 MB) ✅ JSON laden vanaf een URL ✅ Live JSON rechtstreeks uit de WebSocket van een pagina lezen (zie hieronder) ✅ Downloaden als .json-bestand ✅ Een voorbeeld-JSON laden om het direct te proberen — Live JSON via WebSocket — Debug je een app die via WebSocket communiceert? In plaats van berichten handmatig uit DevTools te kopiëren, toont het WebSocket-tabblad elk bericht in dezelfde boomweergave die je al gebruikt: berichten links, geformatteerde JSON rechts. ✅ Inkomende en uitgaande berichten, nieuwste eerst, met tijdstempel en grootte ✅ Klik op een bericht om het in de boom te verkennen, op elke diepte ✅ Binaire frames worden gedecodeerd en gemarkeerd ✅ Filteren op richting of op socket wanneer een pagina er meer dan één opent ✅ Herhaalde keepalive-frames samenvouwen tot één rij met een teller ✅ Open-, close- en error-gebeurtenissen van de verbinding zien, zodat een weggevallen socket zichtbaar is ✅ Twee willekeurige frames naast elkaar vergelijken in de diff-weergave ✅ Een frame kopiëren of naar de editor sturen voor alle tools ✅ De zichtbare frames exporteren als JSON-bestand ✅ Werkt ook met je eigen lokale dev-server op localhost Zo gebruik je het: open de pagina die je debugt → klik op het extensiepictogram → WebSocket-tabblad → "Allow on this site" → herlaad de pagina. Het vastleggen moet samen met de pagina starten, daarom is herladen vereist. — Zijpaneel — Zet de formatter vast in het zijpaneel van Chrome — hij blijft open terwijl je browst, zonder de popup na elke klik opnieuw te openen. ✅ Eén klik op Pin dokt de app rechts in de browser ✅ Blijft werken terwijl je met de pagina bezig bent — ideaal voor live WebSocket-verkeer ✅ Zolang vastgezet opent het extensie-icoon het zijpaneel, ook na een herstart van de browser ✅ Unpin op elk moment om terug te gaan naar de compacte popup — Delen — ✅ Deel-link met één klik (de data staat in de URL en bereikt nooit een server) — Gebruik — ✅ Donker en licht thema, voorkeur wordt onthouden ✅ Toestand van editor en boom blijft bewaard tussen sessies ✅ Geen reclame, geen tracking, geen dataverzameling — alles draait in je browser — Machtigingen & privacy — De extensie vraagt pas toegang tot een website wanneer je op "Allow on this site" klikt in het WebSocket-tabblad, en alleen voor die ene site. Bij installatie wordt niets gevraagd, en geen enkele site wordt gevolgd voordat je dat goedkeurt. WebSocket-berichten worden alleen gelezen — niets op de pagina wordt gewijzigd, geblokkeerd of geïnjecteerd. Vastgelegde berichten blijven in het geheugen van dat tabblad (maximaal 500) en verdwijnen wanneer je het sluit of herlaadt. Ze worden nooit ergens naartoe geüpload: de extensie heeft geen backend en geen analytics. Je kunt de toegang tot een site altijd intrekken: chrome://extensions → JSON Formatter & Viewer → Site access. Volledig privacybeleid: https://json.fedrr.com/privacy.html Klik op het extensiepictogram, plak je JSON en formatteer het direct. Ook beschikbaar als webapp: https://json.fedrr.com