§

Illeszd be a JSON-t, amit formázni, érvényesíteni vagy tömöríteni szeretnél.

Az elemzés, érvényesítés és formázás mind a böngésződben fut a natív JSON elemző segítségével.
§

Érvényesítés

Illessz be vagy írj be JSON-t az érvényesítéshez.
§

Output

text

A JSON formázása és érvényesítése szinte minden amerikai fejlesztői munkafolyamatot alátámaszt: az Apollo vagy Relay által visszaadott GraphQL válaszok, JSON formában szerzői AWS CloudFormation sablonok, IAM házirend dokumentumok, a GitHub Actions munkafolyamat kimenetek, amiket a `jq`-n keresztül vezetnek, és a dbt manifest, amit a Snowflake vagy BigQuery csapatok forráskód-ellenőrzés alá vonnak. A brit fintech csapatok, akik az Open Banking Read/Write API megfelelés felé építenek, rendszeresen szépen nyomtatják a JWS-aláírt JSON adatokat, amiket a TPP-kkel cserélnek. Ez a formázó elfogadja a beillesztett szöveget, szigorú RFC 8259-et érvényesít, és pontosan megjelöli a sort és oszlopot, ahol az elemzés elbukik — mindezt a böngészőn belül, így a tulajdonjogi adatok soha nem érnek el egy hosztolt szépítőt.

Mi az a JSON formázás?

JSON (JavaScript Object Notation) egy könnyűsúlyú, szöveges adatcsere formátum, amit az RFC 8259 és az ECMA-404 határoz meg. Egy JSON dokumentum hat értéktípusból álló fa — object, array, string, number, boolean és null. A formázás szóközöket ad hozzá, hogy az emberek olvashassák azt a fát; a tömörítés eltávolítja a szóközöket, hogy a gépek gyorsabban mozgathassák a vezetéken.

Hogyan működik a JSON formázás?

A bemeneted teljes egészében a böngésződben kerül feldolgozásra a beépített JSON.parse és JSON.stringify függvények segítségével. A magas szintű lépések:

  1. A bemeneted beolvasásra kerül a szövegmezőből, és a vezető és záró szóközök eltávolításra kerülnek.
  2. A böngésző elemzi a JSON.parse segítségével. Ha a bemenet nem érvényes JSON, az elemző egy SyntaxError-t dob, ami elkapásra kerül és megjelenítésre a sorral és oszloppal, ahol megállt.
  3. Amikor a bemenet érvényes, az elemzett érték újrakibocsátásra kerül a JSON.stringify(value, null, indent) segítségével, ahol az indent a kiválasztott szóköz (2 szóköz, 4 szóköz vagy egy tab karakter).
  4. A tömörítéshez a JSON.stringify(value) behúzási argumentum nélkül kerül meghívásra, ami a legrövidebb érvényes formáját adja ugyanannak az értéknek jelentéktelen szóközök nélkül.
  5. A kimenet a csak olvasható szövegmezőbe íródik, és egy állapot panel vagy Érvényes JSON-t jelent, vagy a pontos elemzési hibát, hogy kijavíthasd a forrást.

Miért formázz JSON-t ezzel az eszközzel?

  • Adatvédelem: minden elemzési, formázási és tömörítési lépés a böngésződben történik. A JSON soha nem éri el a szervereinket.
  • Azonnali érvényesítés: a rossz helyen lévő vesszők, idézőjelezetlen kulcsok, egyszeres idézőjelek és záró vesszők pontos sor és oszlop jelzéssel kerülnek jelentésre, így egyenesen a hibához ugorhatsz.
  • Áttekintésre kész kimenet: a szépen nyomtatott JSON konzisztens behúzással tiszta kódellenőrzési diff-eket és olvasható konfigurációs fájlokat eredményez.
  • Termelésre kész tömörítés: a jelentéktelen szóközök eltávolítása zsugorítja az API adatokat, manifest fájlokat és beágyazott előre gyártott elemeket, mielőtt szállítanád őket.

Mik a JSON formázás gyakori alkalmazásai?

A JSON olvasása és írása a webfejlesztés és eszközök területén jelenik meg:

  • API hibakeresés: egy nyers válasz beillesztése a curl-ből vagy a hálózati panelből az alak megerősítéséhez, egy gépelési hiba megtalálásához egy kulcsban, vagy egy hiányzó záró kapcsos zárójel észrevételéhez.
  • Konfigurációk tisztítása: kézzel szerkesztett package.json, tsconfig.json vagy CI manifestek újrabehúzása, hogy átmenjenek az ellenőrzésen és a lint-eken.
  • Naplók olvasása: kompakt application/json naplósorok újraformázása, hogy minden mező egymás alá kerüljön, majd újratömörítés, mielőtt egy tickethez illesztenéd.

Hogy néz ki egy JSON formázási példa?

Ha beilleszted a {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} értéket és megnyomod a FORMÁZÁS gombot 2 szóköz behúzással, kilenc sorba bővül, minden objektum mező és minden tömb elem a saját sorában. A TÖMÖRÍTÉS gomb megnyomása a formázott szövegen visszazsugorítja ugyanarra a kompakt karakterláncra, bájt bájt ellenében.

Ez a JSON formázó ugyanazzal a motorral elemez, amit a Node.js, Deno vagy böngésződ futásideje használ, és olyan kimenetet ad, amit egyenesen beilleszthetsz kódba, konfigurációkba vagy naplókba.