Gratis JSON-formaterare
Formatera, validera, minifiera och utforska JSON-data. Trädvy, syntaxmarkering och kopiering med ett klick.
Vanliga användningar
- Formatera API-svarKlistra in raw API JSON-svar och formatera dem omedelbar till läsbar, indenterad utmatning.
- Formatera JSON-konfigfilerStäda upp och validera JSON-konfigurationsfiler - package.json, tsconfig.json, inställningar och mer.
- Formatera JSON för felsökningLösa upp minifierade eller escaped JSON-loggar, felnylasten och databaskutmatning omedelbar.
- Formatera JSON-översättningsfilerValidera och finslipa i18n-översättnings JSON-filer (en.json, de.json) som används i React-, Vue- och Next.js-appar.
- Inspektera och formatera webhook-nyttolasterKlistra in raw webhook-nyttolaster från Stripe, GitHub eller Shopify och läs dem tydligt formaterade.
Så här fungerar det
Formateraren körs helt i din webbläsare med JavaScripts inbyggda JSON.parse och JSON.stringify — inget bibliotek, ingen server. Tolkning, formatering, minifiering och den interaktiva trädvyn sker allt lokalt medan du skriver.
- 1Direkt tolkning av indataJSON.parse körs 200 ms efter din senaste tangenttryckning. Om tolkningen misslyckas läser en handskriven felplatsfunktion SyntaxError-meddelandet från V8 eller Firefox, extraherar rad- och kolumnnumret, och erbjuder en hoppa-till-fel-länk i textrutan.
- 2Detektering av osäkra heltalInnan utdata visas skannar verktyget källkoden efter heltalsliteraler med 16 eller fler siffror (ignorerar de inom citerade strängar), och testar sedan var och en med Number.isSafeInteger. Om något skulle avrundas tyst av IEEE-754-dubbellagring visas en varning innan du kopierar eller laddar ned.
- 3Formatering, minifiering och nyckelsorteringJSON.stringify(värde, null, indent) skapar den formaterade eller minifierade utdatan. När sortera nycklar är på går en rekursiv funktion igenom varje objekt i det tolkade trädet och bygger om det med Object.keys(...).sort() före serialisering — arrayer lämnas i sin ursprungliga ordning.
- 4Interaktiv trädvyTrädvyn är en handskriven rekursiv utplattning som omvandlar det tolkade objektet till en platt lista av noder med djup, sökväg och expandera/komprimera-tillstånd. Rendering begränsas till 5 000 synliga noder för att förhindra att fliken fryser vid flermegabyte-dokument med stora expanderade arrayer.
Allt körs lokalt i din webbläsare — din JSON skickas aldrig till någon server.
Relaterade verktyg
CSS-minifierare och -formatering
Minifiera CSS för att minska filstorleken eller formatera minifierad CSS för läsbarhet. Direkt, i din webbläsare.
CSS-formatering
Formatera minifierad CSS med enhetlig indentering, eller minifiera den. Valfri alfabetisk sortering av egenskaper för förutsägbara diffar.
HTML-formatering och minifierare
Snygg utskrift eller minifiering av HTML med korrekt kapslingsdragning. Bevarar innehåll inuti <pre>-, <script>- och <style>-block.