Slaan oor na hoofinhoud
LibraTool logoLibraTool

Gratis JSON Formateerder

Formateer, bekragtig, verklein en verken JSON-data. Boomaansig, sintaksis-verligting en een-klik-kopie.

Werk vanlyn sodra gelaai

Algemene gebruike

  • Formatteer API-reaksiesPlak onbewerkte API JSON-antwoorde en formatteer dit onmiddellik in leesbare, ingesonde afvoer.
  • Formatteer JSON-konfigurasielêersMaak JSON-konfigurasielêers skoon en valideer - package.json, tsconfig.json, instellings en meer.
  • Formatteer JSON vir ontfoutingOntwar verkleinende of ontsnapte JSON-logs, foutladings en databasisse-uitsette onmiddellik.
  • Formatteer JSON-vertaallêersValideer en mooi-maak i18n-vertaal-JSON-lêers (en.json, de.json) wat in React, Vue en Next.js-programme gebruik word.
  • Inspekteer en formatteer webhook-ladingsPlak onbewerkte webhook-ladings van Stripe, GitHub of Shopify en lees hulle duidelik geformatteer.

Hoe dit werk

Die formateerder loop heeltemal in jou blaaier met JavaScript se ingeboude JSON.parse en JSON.stringify — geen biblioteek, geen bediener nie. Ontleding, formatering, verkleining, en die interaktiewe boomaansig gebeur alles plaaslik terwyl jy tik.

  1. 1
    Lewendige ontleding by toevoer
    JSON.parse loop 200 ms na jou laaste sleutelaanslag. As ontleding misluk, lees 'n handgeskrewe fout-plek-funksie die SyntaxError-boodskap van V8 of Firefox, onttrek die lyn- en kolomnommer, en bied 'n spring-na-fout-skakel in die teksarea.
  2. 2
    Onveilige-heelgetal-bespeuring
    Voor die vertoning van uitset skandeer die nutsprogram die rou bron vir heelgetal-letterlikes van 16 of meer syfers (ignoreer diegene binne aangehaalde strings), toets dan elkeen met Number.isSafeInteger. As enige stilweg deur IEEE-754-dubbel-berging afgerond sou word, verskyn 'n waarskuwing voordat jy kopieer of aflaai.
  3. 3
    Formatering, verkleining, en sleutel-sortering
    JSON.stringify(value, null, indent) produseer die geformateerde of verkleinde uitset. Wanneer sorteer-sleutels aan is, loop 'n rekursiewe funksie deur elke objek in die ontlede boom en herbou dit met Object.keys(...).sort() voor serialisering — reekse word in hul oorspronklike volgorde gelaat.
  4. 4
    Interaktiewe boomaansig
    Die boomaansig is 'n handgeskrewe rekursiewe afplatting wat die ontlede objek omskakel in 'n plat lys van knope met diepte, pad, en uitbrei/toevou-toestand. Rendering word by 5 000 sigbare knope gekap om te voorkom dat die oortjie vasval op multi-megagreep-dokumente met groot uitgebreide reekse.

Alles loop plaaslik in jou blaaier — jou JSON word nooit na enige bediener gestuur nie.

Verwante gereedskap

🗜️

CSS Verminderaar en verfraaier

Verklein CSS om lêergrootte te verminder of verfraai verkleinde CSS vir leesbaarheid. Onmiddellik, in jou blaaier.

Probeer dit
🎨

CSS Verfraaier

Formateer verklein CSS leesbaar met eenvormige inkeping, of verklein dit. Opsionele alfabetiese sortering van eienskappe vir voorspelbare verskille.

Probeer dit
🌐

HTML Verfraaier en verkleiner

Druk of verklein HTML mooi met behoorlike nesinkeping. Bewaar inhoud binne <pre>, <script>, <style> blokke.

Probeer dit

Gereelde vrae