Preskočiť na hlavný obsah
LibraTool logoLibraTool

Formátovanie JSON zadarmo

Formátujte, overujte, minifikujte a preskúmavajte dáta JSON. Stromové zobrazenie, zvýraznenie syntaxe a kopírovanie jedným kliknutím.

Po načítaní funguje offline

Bežné použitia

  • Formátujte odpovede APIVložte Raw API JSON odpovede a okamžite ich formátujte do čitateľného, odsúvaného výstupu.
  • Formátujte súbory JSON konfigurácieVyčistite a overte súbory JSON konfigurácie — package.json, tsconfig.json, nastavenia a ďalšie.
  • Formátujte JSON pre ladenieOkamžite rozpletnite minifikované alebo uniknuté JSON záznammi, chybami payloads a výstupmi databázy.
  • Formátujte súbory JSON prekladuOverte a pekne formátujte i18n súbory JSON prekladu (en.json, de.json) používané v aplikáciách React, Vue a Next.js.
  • Kontrolujte a formátujte Webhook payloadsVložte raw webhook payloads od Stripe, GitHub alebo Shopify a čítajte ich jasne formátované.

Ako to funguje

Formátovač beží výhradne vo vašom prehliadači pomocou vstavaného JSON.parse a JSON.stringify JavaScriptu — bez knižnice, bez servera. Spracovanie, formátovanie, minifikácia a interaktívne zobrazenie stromu prebiehajú lokálne počas písania.

  1. 1
    Živé spracovanie pri zadávaní
    JSON.parse sa spustí 200 ms po poslednom stlačení klávesu. Ak spracovanie zlyhá, ručne napísaná funkcia na lokalizáciu chyby prečíta správu SyntaxError z V8 alebo Firefoxu, extrahuje číslo riadka a stĺpca a ponúkne odkaz na skok k chybe v textovom poli.
  2. 2
    Zisťovanie nebezpečných celých čísel
    Pred zobrazením výstupu nástroj prehľadá surový zdroj pre celočíselné literály so 16 a viac číslicami (ignoruje tie vnútri reťazcov v úvodzovkách) a potom každé otestuje pomocou Number.isSafeInteger. Ak by sa niektoré tichý zaokrúhlilo pri uložení ako IEEE-754 double, pred kopírovaním alebo stiahnutím sa zobrazí upozornenie.
  3. 3
    Formátovanie, minifikácia a triedenie kľúčov
    JSON.stringify(hodnota, null, odsadenie) produkuje formátovaný alebo minifikovaný výstup. Keď je zapnuté triedenie kľúčov, rekurzívna funkcia prejde každý objekt v spracovanom strome a pred serializáciou ho znovu zostaví pomocou Object.keys(...).sort() — polia zostávajú v pôvodnom poradí.
  4. 4
    Interaktívne zobrazenie stromu
    Zobrazenie stromu je ručne napísané rekurzívne sploštenie, ktoré prevedie spracovaný objekt na plochý zoznam uzlov s hĺbkou, cestou a stavom rozbalenia/zbalenia. Vykresľovanie je obmedzené na 5 000 viditeľných uzlov, aby sa karta nezamrzla pri viacmegabajtových dokumentoch s veľkými rozbalenými poľami.

Všetko beží lokálne vo vašom prehliadači — váš JSON sa nikdy neposiela na žiadny server.

Súvisiace nástroje

🗜️

Minifikátor a skrášľovač CSS

Minifikujte CSS na zmenšenie veľkosti súboru alebo skrášlite minifikované CSS pre čitateľnosť. Okamžite, vo vašom prehliadači.

Vyskúšajte
🎨

Skrášľovač CSS

Sformátujte minifikovaný CSS s jednotným odsadením alebo ho minifikujte. Voliteľné abecedné zoradenie vlastností pre predvídateľné rozdiely.

Vyskúšajte
🌐

Skrášľovač a minifikátor HTML

Pekne vytlačte alebo minifikujte HTML so správnym odsadením vnorenia. Zachováva obsah v blokoch <pre>, <script>, <style>.

Vyskúšajte

Často kladené otázky