JSON-trädvisare
Visualisera JSON-data som ett interaktivt fällbart träd. Sök nycklar och värden, spåra JSONPath vid hover och hantera stora filer med lazy loading. Stöder dra och släpp av .json-filer.
Vad är en JSON-trädvisare?
En JSON-trädvisare är ett verktyg som analyserar JSON-text och renderar den som en interaktiv, fällbar trädstruktur. Varje nod visar sin nyckel, typ och värdeförhandsgranskning, så att du visuellt kan utforska djupt nästlade JSON-data utan att läsa råtext.
Hur fäller jag ut och in träd-noder?
Klicka på pilikonen bredvid en objekt- eller array-nod för att fälla ut eller in den. Du kan också klicka på nod-raden själv. Använd knapparna "Expandera alla" och "Fäll ihop alla" i verktygsfältet för att växla hela trädet på en gång.
Hur fungerar sökfunktionen?
Skriv in ett sökord i sökrutan så markerar verktyget omedelbart matchande nycklar och strängvärden. Matchande rader markeras och du kan hoppa mellan träffar med föregående/nästa-knapparna eller tangenterna Enter (framåt) och Skift+Enter (bakåt).
Vad är JSONPath och hur kopierar jag det?
JSONPath är ett punktnotationsuttryck som pekar på en specifik nod, t.ex. $.user.address[0].city. Hovra över en nod och dess fullständiga sökväg visas i sökvägsfältet; klicka på sökvägen eller kopieringsikonen för att kopiera den till urklipp.
Kan jag ladda JSON från en fil?
Ja. Klicka på knappen "Ladda fil" för att bläddra efter en .json-fil, eller dra och släpp helt enkelt en .json-fil i inmatningsområdet. Filinnehållet läses lokalt i din webbläsare och laddas aldrig upp till någon server.
Hur visas olika värdetyper?
Varje värdetyp har en distinkt färg: strängar är gröna, tal är blå, booleaner är orange och null-värden är grå. Objekt och arrayer visar en bricka med antalet barn, t.ex. {3} eller [5].
Hur hanterar verktyget mycket stora JSON-filer?
När en nod har mer än 1000 barn använder verktyget lazy loading: det renderar de första 100 objekten och visar en "Ladda fler"-knapp längst ner. Detta håller gränssnittet responsivt även med arrayer av tusentals poster.
Skickas min JSON-data till en server?
Nej. All analys, rendering och sökning sker helt i din webbläsare. Din JSON-data lämnar aldrig din enhet, vilket gör detta verktyg säkert för känsliga eller konfidentiella data.
Vad händer när jag klistrar in ogiltig JSON?
Verktyget visar ett tydligt felmeddelande under inmatningsområdet som visar analysfelet och dess plats. Trädvyn förblir tom tills du rättar syntaxen och inmatningen blir giltig JSON igen.
Fungerar det här verktyget offline?
När sidan har laddats körs verktyget helt i din webbläsare och kan fungera utan internetanslutning. Endast den initiala sidinladdningen kräver nätverksåtkomst för att hämta statiska resurser.
Hur man använder JSON-trädvisare
Klistra in JSON eller dra och släpp en .json-fil för att utforska data som ett interaktivt, hopfällbart träd. Allt körs lokalt i din webbläsare — din data skickas aldrig iväg.
- Klistra in din JSON i redigeraren eller dra och släpp en .json-fil direkt på sidan.
- Klicka på pilarna bredvid objekt och arrayer för att fälla ihop eller veckla ut grenar och bara visa relevanta noder.
- Skriv en nyckel eller ett värde i sökrutan för att markera matchande noder i hela trädet.
- Håll muspekaren över en nod för att se dess JSONPath och kopiera den exakta platsen för ett nästlat värde.
Tack vare lazy loading förblir stora filer snabba — en gren parsas först när du vecklar ut den.
Relaterade verktyg
- YAML-trädvisare Parserar YAML till ett interaktivt fällbart träd. Stöder flerdokuments-YAML, ankare och alias, sökning, JSON-konvertering och dra och släpp av .yaml/.yml-filer.
- JSON-sökvägssökare Navigera nästlad JSON-data med sökvägsuttryck. Stöder punkt- och hakparentesnotation samt arrayindexering med omedelbara resultat och sökvägslista.
- TSV till JSON Konvertera TSV till JSON online gratis. Stöder rubriker, automatisk typdetektering och minifiering. Allt i webbläsaren.
- JSON to CSV Gratis online JSON-till-CSV-konverterare. Platta ut nästlade objekt, välj avgränsare och ladda ner direkt. 100% i webbläsaren.
- CSV till JSON-konverterare Konvertera CSV till JSON online gratis. Stöder anpassade avgränsare, rubrikbaserade objekt och automatisk typdetektering. Allt i webbläsaren.
- XML Beautifier Gratis online XML Beautifier. Formatera och försköna XML direkt i din webbläsare.
- XML-validator Validera XML-syntax och struktur omedelbart. Upptäck fel med exakta radnummer och detaljerade meddelanden. Gratis, säkert, körs i webbläsaren.
- SQL till JSON Konvertera SQL INSERT-satser till JSON-arrayer eller -objekt omedelbart. Stöder flera VALUES-rader, NULL-hantering, automatisk typdetektering och pretty print. 100% klientsidan, ingen uppladdning.