JSON Formázó és Validátor Online

Illeszd be a JSON-odat alább a formázáshoz, szépítéshez vagy azonnali minifikáláshoz. Az eszköz formázás közben validálja a JSON-odat, és pontosan megmutatja a hibát, ha valami nincs rendben. Minden helyben fut a böngésződben — az adataid soha nincsenek feltöltve egyetlen szerverre sem.

Használati útmutató

Illeszd be a JSON-odat a bal oldali bemeneti mezőbe (vagy kattints a "Példa betöltése" gombra a kipróbáláshoz).
Válassz 2 vagy 4 szóközös behúzást.
Kattints a "Formázás" gombra a szépítéshez, vagy a "Minifikálás" gombra az egysorosra tömörítéshez.
Ha a JSON érvénytelen, olvasd el a hibaüzenetet a mezők alatt a probléma megtalálásához.
Kattints a "Másolás" gombra az eredmény vágólapra másolásához.

Példa

Bemenet

{"name":"CodeKitHub","tools":["json","base64"],"free":true}

Kimenet

{
  "name": "CodeKitHub",
  "tools": [
    "json",
    "base64"
  ],
  "free": true
}

Ugyanaz az adat, 2 szóközös behúzással formázva. A Minifikálás a fordítottját teszi: eltávolít minden szóközt.

Mi ez az eszköz?

A JSON formázó a nyers, minifikált vagy rendezetlen JSON szöveget veszi, és következetes behúzással és sortörésekkel írja újra, hogy könnyen olvasható legyen. A JSON (JavaScript Object Notation) az API-k, konfigurációs fájlok és naplórendszerek leggyakrabban használt adatformátuma, de a szerverek általában egyetlen hosszú, olvashatatlan sorként küldik a sávszélesség megtakarítása érdekében.

Ez az eszköz JSON validátorként is működik: a bemenetedet ugyanazokkal a szigorú szabályokkal elemzi, mint amelyeket a böngészők használnak, így ha a JSON-odban hiányzik egy vessző, egy kulcs nincs idézőjelbe téve, vagy záró vessző maradt, pontos hibaüzenetet fogsz látni, néma hiba helyett.

A JSON-t formálisan két összehangolt szabvány definiálja, az RFC 8259 és az ECMA-404 — és a specifikáció szándékosan szigorúbb, mint maga a JavaScript, ezért egy olyan részlet, amely JS kódként rendben lefut, itt szigorú JSON validáláson elbukhat.

Gyakorlati tippek

API-t debugolsz? Illeszd be először a nyers választ, formázd másodszor — a validátor pontosan megjelöli a szintaktikai probléma sorát és oszlopát, ami sokkal jobb, mint egy egysoros adathalmazt bámulni.
Használj 2 szóközös behúzást képernyőn olvasáshoz, és minifikálj, mielőtt egy URL-be, környezeti változóba vagy csevegőüzenetbe illesztenéd a JSON-t — ott a szóköz csak bájtokba kerül.
A JSON5-stílusú megjegyzések és a záró vesszők a két leggyakoribb ok, amiért egy kézzel írt konfiguráció "jónak tűnik", mégis megbukik a validáláson: a szigorú JSON egyiket sem engedélyezi.
Nagyon nagy fájlokhoz (naplók, adatbázis-mentések) csak azt a részletet formázd, amelyik érdekel — a szerkesztőd válaszkész marad, és a struktúra könnyebben követhető.

Hol illeszkedik ez valós munkafolyamatokba

A leggyakoribb folyamat, amit látunk: egy API Base64-be csomagolt vagy minifikált JSON-t ad vissza egy tokenben vagy webhook adatcsomagban. Először dekódold a Base64-et, másodszor formázd a JSON-t, harmadszor hasonlítsd össze a két választ, ha valami megváltozott a környezetek között. Minden lépéshez dedikált eszköz tartozik itt, és az adataid egyiknél sem hagyják el a böngészőt.

A frontend fejlesztők ugyanolyan gyakran használják a minifikálás irányt, mint a formázást: egy nagy statikus JSON-fájlt szállítasz? A minifikálás tipikusan 20–30%-ot spórol, mielőtt a gzip elkezdene dolgozni.

→ Base64 Kódoló / Dekódoló · Szöveg-összehasonlítás

Gyakori felhasználási esetek

Egy minifikált API-válasz elolvasása, amely egyetlen olvashatatlan sorként érkezett, hogy megértsd a struktúráját debugolás közben.
Egy konfigurációs fájl (mint egy package.json vagy egy JSON-alapú beállítási fájl) validálása, amelyet egy alkalmazás rejtélyesen nem olvas be helyesen.
Egy olvasható, formázott JSON-részlet megosztása egy hibajelentésben, kódfelülvizsgálatban vagy dokumentációban.
Egy JSON-adatcsomag legkisebb formára zsugorítása, mielőtt beágyaznád egy URL-paraméterbe vagy tárolnád egy méretkorlátozott adatbázis-oszlopban.

Miért érdemes használni?

Debugold gyorsan az API-válaszokat — egy sortöréses választ egy kattintással olvasható struktúrává alakíthatsz.

Találj azonnal szintaxishibákat, a JSON elemzésének pontos okával.

Minifikáld a JSON-t, mielőtt kódba ágyaznád, vagy elküldenéd a hálózaton.

100%-ban privát: az elemzés a böngésződben történik, semmi sem kerül feltöltésre vagy tárolásra.

Bejelentkezés nélkül, korlátozás nélkül, mobilon is működik.

Gyakori kérdések

Feltöltésre kerül a JSON-adatom egy szerverre?

Nem. Ez az eszköz teljes egészében a böngésződben fut JavaScripttel. A JSON-od soha nem hagyja el az eszközödet, ami biztonságossá teszi érzékeny vagy belső adatokkal való használatra.

Miért érvénytelen a JSON-om?

A leggyakoribb okok: hiányzó vagy felesleges vesszők, idézőjel nélküli kulcsok, egyszeres idézőjelek dupla helyett, záró vesszők az utolsó elem után, és megjegyzések (a JSON nem engedélyez megjegyzéseket). A bemeneti mező alatti hibaüzenet elmondja, mit talált az elemző.

Mi a különbség a Formázás és a Minifikálás között?

A Formázás behúzást és sortöréseket ad hozzá, hogy a JSON emberileg olvasható legyen. A Minifikálás eltávolít minden felesleges szóközt, hogy a JSON a lehető legkisebb legyen — ez hasznos átvitel vagy beágyazás előtt.

Van méretkorlát?

Az eszköz nem szab meg kemény korlátot. A nagyon nagy fájlok (több tíz megabájt) lassúak lehetnek a készülékedtől függően, mivel minden feldolgozás helyben, a böngésződben történik.

Ki tudja javítani ez a törött JSON-t automatikusan?

Nem — az eszköz pontosan megmondja, hol van törött a JSON, hogy magad javíthasd, de nem találgat és nem módosítja az adataidat. Ez szándékos: az adatok néma "javítása" elrejtheti a valódi hibákat.