Szöveges Eszközök

JSON Formatter és Megtekintő

Illessze be a JSON-t, és azonnal szépítve jelenik meg. Kattintson bármely mezőre a teljes érték és útvonal megtekintéséhez jobboldalt; a szintaktikai hibák sor és oszlop szerint vannak jelölve. Minden helyben, a böngészőjében fut.

Szépítés és tömörítés Bármely mező vizsgálata Sor/oszlop hibák 100 %-ban kliens oldali
Behúzás

MIÉRT FONTOS EZ

Bárki számára készült, aki naponta olvas JSON-t

API válaszok, konfigurációs fájlok, napló adatok — a nyers JSON egy sűrű sorként érkezik. Olvashatóvá teszi, megkeresi a hibás vesszőt, majd visszateszi a kívánt módon.

01

Szépítés és tömörítés

Egy kattintás a könnyen olvasható fa és a kompakt egy sor között. Válasszon 2 szóközt, 4 szóközt vagy tabulátort a kódbázisa stílusának megfelelően.

02

Hibák azonosítása sor és oszlop alapján

Az érvénytelen JSON a pontos pozíciót jelenti — S12 : Oszlop34 — rejtélyes elemző üzenet helyett, így egyenesen a hiányzó vesszőhöz vagy záró idézőjelhez ugrik.

03

Rekurzív kulcs rendezés

Az objektum kulcsai betűrendben rendezve minden mélységben, míg a tömbök megőrzik a sorrendjüket. Ideális konfigurációk összehasonlítására és a rögzítések stabilizálására a commitok között.

04

Átváltás escaped literálra / vissza

A JSON escaped sztring literállá alakítása kódba vagy env fájlokba való beágyazáshoz, és egy idézett literál visszaalakítása nyers JSON-ná az ellenőrzéshez.

05

Kattintson bármely mezőre a teljes megjelenítéshez

Kattintson egy mezőre a szerkesztőben, és egy oldalsó panel jelenik meg annak teljes értékével, típusával és JSON-elérési útjával – beágyazott objektumokat és tömböket is beleértve, így soha többé nem kell szemből számolnia a zárójeleseket.

06

Teljesen lokálisan fut

A JSON soha nem hagyja el a böngészőjét, az eszköz offline működik, és nem küld kérést, amíg a bemenet üres.

Működés

Váltson az behúzások között 2 szóköz, 4 szóköz és tabulátor között. Sűrítse egyetlen sorba, ha gépre küldi, rendezze rekurzívan az objektumkulcsokat, ha stabil sorrendre van szüksége, vagy teljes teheradattá alakítsa át sztringliterállá – és oldja fel a naplósorból másolt idézett literált.

Kattintson bármely mezőre a teljes értékének vizsgálatához egy oldalsó panelen, és a kulcsok, tömbelemek és beágyazási mélység frissülnek, ahogy gépel. Tartson több dokumentumot nyitva egy oldalon és hasonlítsa össze őket egy pillantással; mindegyiknek saját szerkesztője van. Minden a böngészőjében lokálisan fut, és semmi sem kerül feltöltésre.

További JSON eszközök

Cél szerint kiválasztott harmadik féltől származó eszközök – nem ismételjük meg őket itt, ezért lépj át, amikor szükséged van egyre.

Eszköz Cél Mit csinál
JSON Editor Online Szerkesztés & érvényesítés Összekapcsolt szöveg és fa nézet, áthúzásos átstrukturálás, plusz diff, séma érvényesítés és lekérdezés.
JSON Crack Vizualizáció A JSON interaktív csomópontgráfává alakul a mély beágyazottság megértése vagy gyors demó készítése érdekében.
JSON Visio Vizualizáció Egy másik könnyebb felhasználói felülettel rendelkező gráfnézegető – válaszd a kettő közül azt, amelyik természetesebbnek tűnik.
Diffchecker Összehasonlítás Két szöveg összehasonlítása egymás mellett vagy egységes nézetben, közvetlen ugrás a beillesztett, törölt vagy módosított sorokhoz.
JSONPath Lekérdezés JSONPath kifejezések futtatása online, és pontosan a szükséges mezők kinyerése útvonal alapján.
JSONata Lekérdezés és átalakítás Lekérdező és átalakító nyelv JSON-hoz, online játéktérrel és példákkal.
quicktype Típusgenerálás TypeScript, Swift, Go és más típusdefiníciók generálása JSON-ból.
JSON Generator Tesztadatok Strukturált tesztadatok generálása sablonokból – praktikus API-tesztekhez.

A JSON formázás részletei

A JSON egyszerűnek tűnik, de van néhány szigorú szabálya – ezek ismerete megspórol egy körforgalmat minden alkalommal, amikor egy elemző elutasítja a teheradattát.

Mi számít érvényes JSON-nak?

A JSON hat értéktípust határoz meg: objektum, tömb, sztring, szám, logikai érték és null. A kulcsoknak dupla idézőjeles sztringeknek kell lenniük, nincs záró vessző, és megjegyzések nem megengedettek.

A JavaScript extrai, mint az egyszeres idézőjelek, undefined, NaN, Infinity és záró vesszők, mind sikertelenek egy szigorú elemzőn – pontosan ezeket jelzi ez az eszköz.

Miben különbözik a megtekintés a formázástól?

A formázás megváltoztatja a szöveg elrendezését: behúzásokat, sortöréseket és sűrítést. A megtekintés érintetlenül hagyja a dokumentumot – amikor rákattint egy mezőre, annak teljes értéke, típusa és JSON-elérési útja jelenik meg egy oldalsó panelen.

A mélyen beágyazott objektumokat nehéz csak a zárójelesekből olvasni, ezért egy mezőre kattintva pontosan megerősítheti, mit tartalmaz – különösen hasznos API-válaszok és naplóteheradatok esetén.

Miért változik a kulcsok sorrendje a formázás után?

A JSON spec az objektumokat rendezetlen kulcs-érték párokként kezeli, és az elemzők szabadon átrendezhetik őket. A gyakorlatban a V8 (Chrome / Node) megőrzi a beszúrási sorrendet a karakterlánc-kulcsok esetén, de az egész számhoz hasonló kulcsok ("1", "42") mindig numerikusan rendeződnek először.

Kapcsold be az "Objektum kulcsainak rendezése" funkciót, ha stabil, ábécérendi sorrendet szeretnél, amely minden elemző esetén megmarad – hasznos konfigurációk összehasonlításakor.

Mekkora számot képes tárolni a JSON?

A JSON önmagában nem szab korlátot, de a JavaScript minden számot IEEE-754 duplaként elemzi. A ±2^53 (kb. 9 kvadrillió) feletti egész számok elvesztik a pontosságukat – a 9007199254740993 értékből 9007199254740992 lesz.

Ha a tartalom 64 bites azonosítókat vagy nanoszekundumos időbélyegeket tartalmaz, tartsd őket karakterláncként; ez az eszköz nem fogja őket sérteni, de bármi, amit beillesztesz JS kódba, igen.

Mikor érdemes összevonni a formázás helyett?

Használj formázást mindarra, amit ember olvas: kódellenőrzés, hibakeresés, dokumentáció. Használj összevonást mindarra, amit gép továbbít: API törzsek, URL paraméterek, környezeti változók és .env fájlok.

Egy tipikus API tartalom összevonása 15–30 százalékos bájtmennyiség-megtakarítást eredményez strukturális változtatás nélkül – ez a legolcsóbb tömörítés.

Mire való az escape-elés?

Az escape-elés a JSON-t sztringliterálként csomagolja: az idézőjelek \"-é, az újsorok pedig \n-é alakulnak, így az más JSON értékben, parancssori parancsban vagy környezeti változóban is használható hibázás nélkül.

Az unescape visszafordítja ezt. Ha valaha másoltál egy olyan tartalmat a napló sorából, amely így nézett ki: {\"a\":1}, az ez a formátum – illeszd be ide és kattints az Unescape gombra.

Gyakori kérdések

Feltöltöm vagy tárolom valahol a JSON-om?

Nem. Minden a böngésződben fut JavaScript segítségével – a JSON-d soha nem kerül elküldésre sehova, offline is működik, és semmi nem kerül a helyi tárolóba, így az oldal frissítése törli a bemenetet.

Miért hibás a formázás a konfigurációs fájlomban?

Valószínűleg nem szigorú JSON: a JSONC / JSON5 megengedi a megjegyzéseket és a záró vesszőket, a YAML behúzásalapú, a .env fájlok pedig kulcs=érték párok. Először távolítsd el a megjegyzéseket és a záró vesszőket, vagy használj az adott formátumhoz készült elemzőt.

A kulcsok rendezése a tömböket is megváltoztatja?

Nem. A tömbök sorrendje értelmes (első elem, második elem…), ezért a tömböket mindig a helyükön hagyjuk. Csak az objektumok kulcsai – beleértve a tömbökben lévő beágyazott objektumokat is – kerülnek ábécé szerinti rendezésre.

Mit jelent a „Hiba az L12 : C34 közelében”?

Ez az 1-zel kezdődő sor és oszlop, ahol az elemző feladta: 12. sor, 34. oszlop. A tényleges hiba általában ezen a helyen vagy közvetlenül előtte van – egy hiányzó vessző az előző sorban, egy nem escaped idézőjel vagy egy záró kapcselő előtti felesleges vessző.

Van méretkorlát? Működik mobilon is?

Nincs szigorú korlát – néhány megabájt napló kimenet formázása működik. Alacsony kategóriás eszközökön a nagyon nagy bemenetek (tíz megabájt) késleltetettek lehetnek, mert minden billentyűleütésnél újrafeldolgozás és újbóli formázás történik. Az elrendezés reszponzív; a szerkesztő alkalmazkodik a képernyő szélességéhez.

Kapcsolódó eszközök