JSON-formaterare
Klistra in en JSON-klump — minifierad, escapad eller rakt ur en loggrad — och få den snyggt utskriven med den indragningsstorlek du väljer. Validerar vid tolkning och visar exakt rad och kolumn för eventuella fel. Sortera valfritt objektnycklar alfabetiskt, vilket gör diffar mellan två API-svar mycket lättare att läsa.
Så formaterar du JSON
-
1
Klistra in JSON:en
Minifierad, escapad inuti en sträng eller inlindad i ett JSONP-callback — tolkaren skalar bort allt.
-
2
Välj indragning
2 mellanslag, 4 mellanslag, en tabb, eller kompakt (en enda rad för små laster).
-
3
Slå på/av sortera nycklar
Sortera objektnycklar alfabetiskt för att göra två svar lättare att diffa.
-
4
Kopiera eller ladda ner
Kopiera till urklipp med ett klick, eller spara som en `.json`-fil.
Vad formateraren hanterar
- Minifierad inmatning:
{"a":1,"b":[1,2,3]}blir korrekt indragen. - Escapad JSON i strängar: en JSON-sträng som innehåller
"{\"nested\":true}"kan packas upp och formateras. - JSONP-callbacks:
callback({...})skalas ner till bara{...}. - BOM och inledande blanksteg: tas bort automatiskt.
- Kommentarer: JSONC-stilens
//och/* */tolereras i “tillåtande” läge men tas bort från utdatan (strikt JSON har inga kommentarer).
Varför snyggutskriva JSON
- Diffning: ett JSON-dokument på en enda rad med tusentals nycklar är oläsbart i en
git diff. Snyggutskrivet är varje nyckel en rad. - Felsökning: nästlade strukturer är lättare att navigera visuellt med indragning.
- Dokumentation: API-exempel bör alltid vara formaterade, sorterade och stabila mellan omtryck.
- Konfigurationer: JSON-konfigurationsfiler bör vara snyggutskrivna i repot för läsbarhet; runtime kan tolka endera formen.
Indragningskonventioner
| Sammanhang | Typisk indragning |
|---|---|
npm package.json |
2 mellanslag |
| AWS CloudFormation | 2 mellanslag |
| Legacy Java / .NET | 4 mellanslag |
| Konfigurationer i VCS | 2 mellanslag (projektövergripande konsekvens spelar störst roll) |
Att sortera nycklar är kontroversiellt: det gör diffar renare men ändrar den lagrade ordningen för kanoniska konfigurationer. Välj en projektkonvention och håll dig till den.
Valideringsfel du kommer att se
| Fel | Åtgärd |
|---|---|
Unexpected token ' at position X |
Du använde enkla citattecken; byt till dubbla citattecken |
Unexpected end of JSON input |
Saknad avslutande klammer eller hakparentes |
Unexpected token , at position X |
Avslutande kommatecken; ta bort det |
Unexpected token a at position X |
Ociterad nyckel eller NaN/undefined-literal |
Duplicate key "foo" (tillåtande läge) |
JSON-specifikationen tillåter det; de flesta tolkare behåller den sista |
Vanliga misstag
- Att kopiera JSON med HTML-entiteter.
"kommer inte att tolkas; avkoda först. - Att blanda strikt och tillåtande. Använd tillåtande tolkning bara för inspektion; spara aldrig tillåtande JSON till produktionskonfigurationer.
- Att snyggutskriva en redan snyggutskriven fil i en annan stil. Formateraren gör det glatt, men du skapar en stökig diff.
Vanliga frågor
Nej. Tolkning och formatering körs båda i din webbläsare. Innehållet lämnar aldrig din flik — tryggt för att klistra in API-svar med token, interna konfigurationer eller staging-laster.
Formateraren snyggutskriver giltig JSON. Valideraren kontrollerar mot ett JSON-schema. Båda kör en tolkningskontroll, men validering är ett separat steg som frågar “matchar detta mitt schema?” snarare än bara “är detta giltig JSON?”.
Ja. Alternativet “sortera nycklar” sorterar alla objektnycklar på varje nästlingsnivå, rekursivt. Arrayer behåller sin ursprungliga ordning eftersom arrayordning är semantiskt meningsfull i JSON.
Begränsat av webbläsarens minne. Upp till ~50 MB fungerar på modern hårdvara. Bortom det, överväg jq från kommandoraden — den strömmar i stället för att ladda hela dokumentet.
Relaterade verktyg
Färgpalettgenerator
Generera en harmonisk palett med 4-8 färger från en basfärg med komplementära, analoga, triadiska och delade komplementscheman.
HEX-färgväljare
Välj valfri färg visuellt och få dess HEX-, RGB-, HSL-, HSV- och CMYK-värden, plus tillgänglighetskontrast mot vitt och svart.
slumpmässig taljare
Generera en slumpmässig RGB-färg, se hex-, HSL- och RGB-värdena och kopiera vilket format som helst med ett klick.
Generatör för slumpmässig färgpalett
Skapa femfärgspaljer baserade på en slumpmässig grundfärg, med komplementära, analoga och triadiska varianter.
slumpmässig littergenerator
Generera slumpmässiga bokstäver från det engelska alfabetet. Välj skriftstil, inkludera duplikater eller unika val och ange antalet.
Ålderskalkylator
Beräkna exakt ålder i år, månader och dagar från ett födelsedatum, plus totalt antal dagar, timmar och nedräkning till nästa födelsedag.