Přeskočit na hlavní obsah
LibraTool logoLibraTool

Formátování JSON zdarma

Formátujte, ověřujte, minifikujte a prozkoumávejte data JSON. Stromové zobrazení, zvýraznění syntaxe a kopírování jedním kliknutím.

Funguje offline po načtení

Běžná použití

  • Formátujte odpovědi APIVložte suché odpovědi API JSON a okamžitě je formátujte do čitelného, odsazeného výstupu.
  • Formátujte konfigurační soubory JSONVyčistěte a ověřte konfigurační soubory JSON - package.json, tsconfig.json, nastavení a další.
  • Formátujte JSON pro laděníOkamžitě rozpletejte minifikované nebo uvozovkované JSON logy, chybové zatížení a výstupy databází.
  • Formátujte soubory JSON s překlademOvěřujte a vylepšujte i18n soubory JSON s překladem (en.json, de.json) používané v aplikacích React, Vue a Next.js.
  • Kontrolujte a formátujte datové části webhookůVložte datové části webhooků z Stripe, GitHub nebo Shopify a přečtěte si je jasně formátované.

Jak to funguje

Formátovač běží zcela ve vašem prohlížeči pomocí vestavěných JSON.parse a JSON.stringify JavaScriptu — bez knihovny, bez serveru. Parsování, formátování, minifikace i interaktivní stromové zobrazení probíhají lokálně, jak píšete.

  1. 1
    Živé parsování při vstupu
    JSON.parse se spustí 200 ms po vašem posledním stisku klávesy. Pokud parsování selže, ručně napsaná funkce pro lokalizaci chyby přečte zprávu SyntaxError z V8 nebo Firefoxu, extrahuje číslo řádku a sloupce a nabídne v textovém poli odkaz na přeskočení k chybě.
  2. 2
    Detekce nebezpečných celých čísel
    Před zobrazením výstupu nástroj prohledá surový zdroj kvůli celočíselným literálům o 16 a více číslicích (ignoruje ty uvnitř řetězců v uvozovkách), poté každý otestuje pomocí Number.isSafeInteger. Pokud by některý byl tiše zaokrouhlen kvůli uložení IEEE-754 double, před kopírováním nebo stažením se zobrazí varování.
  3. 3
    Formátování, minifikace a řazení klíčů
    JSON.stringify(hodnota, null, odsazení) vytváří formátovaný nebo minifikovaný výstup. Když je zapnuto řazení klíčů, rekurzivní funkce prochází každý objekt v rozebraném stromu a před serializací jej znovu sestaví pomocí Object.keys(...).sort() — pole se ponechávají v původním pořadí.
  4. 4
    Interaktivní stromové zobrazení
    Stromové zobrazení je ručně napsané rekurzivní zploštění, které převádí rozebraný objekt na plochý seznam uzlů s hloubkou, cestou a stavem rozbaleno/sbaleno. Vykreslování je omezeno na 5 000 viditelných uzlů, aby se karta nezmrazila u vícemegabajtových dokumentů s velkými rozbalenými poli.

Vše běží lokálně ve vašem prohlížeči — vaše JSON se nikdy neodesílá na žádný server.

Související nástroje

🗜️

Minifikátor a krásník CSS

Minifikujte CSS pro zmenšení velikosti souboru nebo zkrášlete minifikované CSS pro čitelnost. Okamžitě, ve vašem prohlížeči.

Vyzkoušet
🎨

Zkrášlovač CSS

Naformátujte minifikované CSS s jednotným odsazením, nebo ho minifikujte. Volitelné abecední řazení vlastností pro přehledné rozdíly.

Vyzkoušet
🌐

Zkrášlovač a minifikátor HTML

Krásně formátujte nebo minifikujte HTML se správným odsazením vnořování. Zachovává obsah uvnitř bloků <pre>, <script>, <style>.

Vyzkoušet

Časté dotazy