Ga naar hoofdinhoud
LibraTool logoLibraTool

Gratis JSON-formatter

JSON-gegevens formatteren, valideren, verkleinen en verkennen. Boomweergave, syntaxiskleuring en kopiëren met één klik.

Werkt offline na het laden

Veelvoorkomend gebruik

  • Format API AntwoordenPlak raw API JSON-antwoorden en format ze onmiddellijk in leesbare, ingesprongen output.
  • Format JSON ConfiguratiebestandenSchoon en valideer JSON-configuratiebestanden — package.json, tsconfig.json, instellingen en meer.
  • Format JSON voor FoutopsporingOntwarr geminificeerde of ontsnapte JSON-logboeken, foutladen en databaseoutput onmiddellijk.
  • Format JSON VertaalbestandenValideer en beautify i18n vertaling JSON-bestanden (en.json, de.json) gebruikt in React, Vue en Next.js apps.
  • Inspecteer en Format Webhook LadingenPlak raw webhook-ladingen van Stripe, GitHub of Shopify en lees ze duidelijk opgemaakt.

Hoe het werkt

De formatter draait volledig in je browser met de ingebouwde JSON.parse en JSON.stringify van JavaScript — geen bibliotheek, geen server. Parsen, opmaken, verkleinen en de interactieve boomweergave gebeuren allemaal lokaal terwijl je typt.

  1. 1
    Live parsen bij invoer
    JSON.parse draait 200 ms na je laatste toetsaanslag. Mislukt het parsen, dan leest een zelfgeschreven functie voor foutlocaties de SyntaxError-melding van V8 of Firefox, haalt het regel- en kolomnummer eruit en biedt een link om naar de fout in het tekstvak te springen.
  2. 2
    Herkenning van onveilige gehele getallen
    Voordat de uitvoer wordt getoond, doorzoekt de tool de ruwe bron op gehele getallen van 16 of meer cijfers (behalve binnen strings) en test elk met Number.isSafeInteger. Als er een stilzwijgend zou worden afgerond door IEEE-754-opslag met dubbele precisie, verschijnt er een waarschuwing voordat je kopieert of downloadt.
  3. 3
    Opmaken, verkleinen en sleutels sorteren
    JSON.stringify(value, null, indent) levert de opgemaakte of verkleinde uitvoer. Als sleutels sorteren aan staat, loopt een recursieve functie door elk object in de geparste boom en bouwt het opnieuw op met Object.keys(...).sort() vóór het serialiseren — arrays behouden hun oorspronkelijke volgorde.
  4. 4
    Interactieve boomweergave
    De boomweergave is een zelfgeschreven recursieve afvlakking die het geparste object omzet in een platte lijst knooppunten met diepte, pad en open/dicht-status. De weergave is beperkt tot 5.000 zichtbare knooppunten, zodat het tabblad niet vastloopt op documenten van meerdere megabytes met grote uitgeklapte arrays.

Alles draait lokaal in je browser — je JSON wordt nooit naar een server gestuurd.

Gerelateerde tools

🗜️

CSS-minifier en -verfraaiier

Minimaliseer CSS om de bestandsgrootte te verkleinen of verfraai geminimaliseerde CSS voor leesbaarheid. Direct, in je browser.

Probeer het
🎨

CSS-verfraaiier

Maak geminificeerde CSS leesbaar met consistente inspringing, of minificeer CSS. Optioneel alfabetisch sorteren van eigenschappen voor voorspelbare diffs.

Probeer het
🌐

HTML-verfraaiier en -minifier

Druk HTML netjes af of minimaliseer het met juiste nestinginspringing. Behoudt inhoud binnen <pre>-, <script>- en <style>-blokken.

Probeer het

Veelgestelde vragen