JSON-formaterare

Introduktion

En JSON-formaterare är ett oumbärligt verktyg för alla som arbetar med JSON-data — utvecklare, API-testare, dataanalytiker och tekniska skribenter. Rå JSON från API:er eller konfigurationsfiler är ofta minifierad eller dåligt indragen, vilket gör den svår att läsa och felsöka. JSON-formateraren omvandlar omedelbart kaotisk JSON-indata till en ren, välorganiserad utdata med korrekt indragning och syntaxvalidering.

Till skillnad från kommandoradsverktyg eller webbläsartillägg som kräver installation, fungerar Toollect JSON-formateraren helt i din webbläsare. Varje inklistring analyseras omedelbart och ger dig direkt feedback om din JSON:s giltighet och struktur. Eftersom inga data skickas till externa servrar erbjuder den både hastighet och integritet.

Oavsett om du felsöker ett REST API-svar, förbereder konfigurationsfiler för driftsättning, eller undervisar i JSON-syntax, ger detta verktyg den precision och omedelbarhet du behöver.

Så här fungerar det

JSON-formateraren drivs av de inbyggda JavaScript-metoderna JSON.parse() och JSON.stringify(), samma motor som hanterar JSON i alla moderna webbläsare och Node.js.

Parsning

Verktyget skickar din inmatningstext till JSON.parse(). Denna metod läser strängen och försöker bygga ett JavaScript-objekt eller -array i minnet. Parsern är strikt — den följer exakt ECMA-404 JSON-specifikationen och avvisar varje avvikelse från giltig JSON-syntax.

Validering

Om JSON.parse() lyckas är inmatningen giltig JSON. Vid misslyckande kastar metoden ett SyntaxError med ett beskrivande meddelande. Verktyget fångar upp detta fel och visar det i statusområdet. Vanliga fel:

• Unexpected token: Ett extra tecken, ett avslutande komma eller en nyckel utan citattecken
• Expected property name: Ett saknat komma mellan egenskaper eller felaktiga citattecken
• Unexpected end of input: JSON-strängen har trunkerats eller har oavslutade parenteser

Formatering

För giltig JSON skickar verktyget det parsade objektet till JSON.stringify() med parametern space=2. Detta instruerar:

1. Återserialisera objektet som en JSON-sträng
2. Infoga radbrytningar efter varje {, }, [, ] och komma
3. Indraga varje nivå av nästling med två mellanslag
4. Bevara de ursprungliga datatyperna

Utdata

Det formaterade resultatet visas i utdatafältet, presenterat med ett monospace-typsnitt för bättre läsbarhet. Utdata är skrivskyddad men kan kopieras till urklipp med ett klick.

Användning

Att använda Toollect JSON-formateraren kräver ingen konfiguration eller registrering. Följ dessa steg:

1. Öppna verktyget — Öppna JSON-formaterarsidan i din webbläsare.

2. Klistra in JSON — Kopiera JSON-text från valfri källa och klistra in med Ctrl+V (Cmd+V på Mac) i inmatningsfältet.

3. Visa resultatet — Efter inklistring formaterar verktyget automatiskt och visar resultatet omedelbart.

4. Kontrollera status — Kontrollera statusindikatorn mellan fälten:

   • Ett grönt meddelande bekräftar giltig JSON
   • Ett rött felmeddelande visar parserproblemet

5. Kopiera resultatet — Klicka på "Kopiera" för att överföra den formaterade JSON till urklipp.

6. Börja om — Klicka på "Rensa" för att tömma båda fälten.

Handledning

Scenario: Du felsöker ett REST API-svar och behöver inspektera JSON-strukturen.

1. Öppna JSON-formateraren.

2. Kopiera det råa API-svaret:

{"status":"success","data":{"users":[{"id":1,"name":"Alice","email":"[email protected]","active":true},{"id":2,"name":"Bob","email":"[email protected]","active":false}],"total":2,"page":1},"timestamp":"2026-07-11T10:30:00Z"}

3. Klistra in och formatera automatiskt:

{
  "status": "success",
  "data": {
    "users": [
      { "id": 1, "name": "Alice", "email": "[email protected]", "active": true },
      { "id": 2, "name": "Bob", "email": "[email protected]", "active": false }
    ],
    "total": 2,
    "page": 1
  },
  "timestamp": "2026-07-11T10:30:00Z"
}

4. Testa felaktig JSON:

{"status":"success","data":{"users":[{"id":1,"name":"Alice",}]}}

Verktyget visar: Invalid JSON: Expected property name or '}' at position...

5. Kopiera och använd — Klicka på "Kopiera".

Tips

• Avslutande komman: JSON tillåter inte komman efter det sista elementet
• Diagnos med citattecken: Vid osäkerhet, klistra in i formateraren
• Validera API-svar: Håll verktyget öppet under utveckling
• BOM-tecken: En till synes giltig sträng kan innehålla osynliga Unicode-tecken
• Före/efter-jämförelse: Använd vyerna sida vid sida

Alternativ

Felsökning

Tekniska specifikationer

Prestanda

Tekniska detaljer

• Valideringsmotor: Inbyggd JSON.parse() (ECMAScript-specifikation)
• Formateringsmotor: Inbyggd JSON.stringify() med space=2
• Händelsemodell: Inmatning utlöser automatisk formatering (300ms debounce)
• Kompatibilitet: Chrome 80+, Firefox 75+, Safari 13+, Edge 80+, Samsung Internet 13+, Opera 67+

Integritet

• Noll dataöverföring: all bearbetning i webbläsarminnet
• Inga cookies, localStorage eller sessionStorage
• Inga analys- eller spårningsskript
• Användbar offline efter första laddning
• Ingen registrering, inloggning eller API-nycklar

Funktioner

• Omedelbar JSON-formatering och försköning med automatisk indragning
• Realtidsvalidering av JSON med detaljerade felmeddelanden
• Syntaxfelsdetektering med automatisk positionsangivelse
• Ett-klickskopiering av formaterad JSON
• Ett-klicksrensning av in- och utdata
• Körs helt i webbläsaren — inga data skickas till servrar

Vanliga frågor