Liigu põhisisu juurde
LibraTool logoLibraTool

JSON-vormindamine tasuta

Vorminda, valideeri, minimeeri ja uuri JSON-andmeid. Puuvaade, süntaksi esiletõstmine ja ühe klõpsuga kopeerimine.

Töötab võrguühenduseta pärast laadimist

Levinud kasutusviisid

  • Vormindage API vastuseidKleepige toorest API JSON-i vastused ja vormindage need kohe loetavale, taandatud väljundisse.
  • Vormindage JSON konfiguratsioonifailidPuhastage ja valideerige JSON konfiguratsioonifailid — package.json, tsconfig.json, sätted ja muud.
  • Vormindage JSON silumiseksLahti niidetud minifitseeritud või päästetud JSON logid, tõrgete koorem ja andmebaasi väljund.
  • Vormindage JSON tõlkefailidValideerige ja formaige ilusalt i18n JSON tõlkefailid (en.json, de.json), mida kasutatakse React, Vue ja Next.js rakendustes.
  • Inspekteerige ja vormindage Webhook koormustKleepige Stripe, GitHub või Shopify tootest webhook koormust ja lugege neid selgelt vormindatult.

Kuidas see töötab

Formaatija töötab täielikult sinu brauseris, kasutades JavaScripti sisseehitatud JSON.parse ja JSON.stringify — teeki, servet pole. Parsimine, vormindamine, minifitseerimine ja interaktiivne puuvaade toimuvad kõik kohapeal kirjutades.

  1. 1
    Reaalajas parsimine sisendil
    JSON.parse töötab 200 ms pärast sinu viimast klahvivajutust. Kui parsimine ebaõnnestub, loeb käsitsi kirjutatud veaasukoha funktsioon SyntaxError sõnumit V8-st või Firefoxist, eraldab rea- ja veerunumbri ning pakub hüppa-veale linki tekstialas.
  2. 2
    Ebaturvaliste täisarvude tuvastamine
    Enne väljundi kuvamist skaneerib tööriist toorest allikat 16 või rohkem numbriliste täisarvu literaalide otsimiseks (eirates neid jutumärkides olevate stringide sees), seejärel testib iga Number.isSafeInteger abil. Kui mõni ümardataks vaikselt IEEE-754 topelttäpsuse salvestuse tõttu, ilmub hoiatus enne kopeerimist või allalaadimist.
  3. 3
    Vormindamine, minifitseerimine ja võtmete sortimine
    JSON.stringify(value, null, indent) toodab vormindatud või minifitseeritud väljundi. Kui võtmete sortimine on sees, käib rekursiivne funktsioon läbi iga objekti parsitud puus ja ehitab selle uuesti Object.keys(...).sort() abil enne serialiseerimist — massiivid jäetakse nende algses järjekorras.
  4. 4
    Interaktiivne puuvaade
    Puuvaade on käsitsi kirjutatud rekursiivne lamestamine, mis teisendab parsitud objekti sõlmede lamedaks loendiks koos sügavuse, tee ja laienda/kokku-tõmba olekuga. Renderdamine on piiratud 5000 nähtava sõlmega, et vältida vahekaardi külmumist mitme megabaidi suuruste dokumentide korral suurte laiendatud massiividega.

Kõik töötab kohapeal sinu brauseris — sinu JSON ei saadeta kunagi ühelegi serverile.

Seotud tööriistad

🗜️

CSS-minifitseerija ja kaunistaja

Minifitseeri CSS faili mahu vähendamiseks või kaunista minifitseeritud CSS loetavuse parandamiseks. Kohene, sinu brauseris.

Proovi järele
🎨

CSS kaunistaja

Vorminda minimeeritud CSS ühtse taandega või minimeeri see. Valikuline omaduste tähestikuline sorteerimine selgemate erinevuste jaoks.

Proovi järele
🌐

HTML kaunistaja ja minifitseerija

Prindi või minifitseeri HTML nõuetekohase pesastamisega taandega. Säilitab <pre>, <script>, <style> plokkide sisu.

Proovi järele

Korduma kippuvad küsimused