Ugrás a fő tartalomra
LibraTool logoLibraTool

Ingyenes JSON formázó

JSON adatok formázása, ellenőrzése, tömörítése és böngészése. Fa nézet, szintaxis kiemelés és egykattintásos másolás.

Betöltés után offline is működik

Gyakori felhasználások

  • API-válaszok formázásaIllessze be a nyers API JSON-válaszokat, és azonnal formázza azokat olvasható, behúzott kimenetté.
  • JSON konfigurációs fájlok formázásaTörölje és érvényesítse a JSON konfigurációs fájlokat - package.json, tsconfig.json, beállítások stb.
  • JSON formázása hibakereséshezAzonnal oldja fel a minifikált vagy szökött JSON naplókat, hibatartalmat és adatbázis-kimeneteket.
  • JSON fordítási fájlok formázásaÉrvényesítse és finomítsa az i18n fordítási JSON-fájlokat (en.json, de.json), amelyeket a React, Vue és Next.js alkalmazásokhoz használnak.
  • Webhook-payload-ok ellenőrzése és formázásaIllesszen be webhook-payload-okat a Stripe-ból, GitHub-ból vagy Shopify-ból, és olvassa el őket világosan formázva.

Hogyan működik

A formázó teljesen a böngészőjében fut a JavaScript beépített JSON.parse és JSON.stringify segítségével — nincs könyvtár, nincs szerver. Az elemzés, formázás, minifikáció és az interaktív fanézet mind helyben történik gépelés közben.

  1. 1
    Élő elemzés bevitelkor
    A JSON.parse 200 ms-mal az utolsó billentyűleütése után fut. Ha az elemzés sikertelen, egy kézzel írt hibaelhelyezés-funkció beolvassa a SyntaxError üzenetet a V8-ból vagy Firefoxból, kivonja a sor- és oszlopszámot, és felajánl egy hibára-ugrás linket a szövegmezőben.
  2. 2
    Nem biztonságos egész szám felismerés
    A kimenet megjelenítése előtt az eszköz átvizsgálja a nyers forrást 16 vagy több számjegyű egészszám-literálokért (figyelmen kívül hagyva az idézett karakterláncokon belülieket), majd mindegyiket teszteli a Number.isSafeInteger-rel. Ha bármelyiket csendben kerekítené az IEEE-754 dupla tárolás, egy figyelmeztetés jelenik meg mielőtt másolna vagy letöltene.
  3. 3
    Formázás, minifikáció és kulcsrendezés
    A JSON.stringify(value, null, indent) állítja elő a formázott vagy minifikált kimenetet. Amikor a kulcsrendezés be van kapcsolva, egy rekurzív függvény végigmegy az elemzett fa minden objektumán, és Object.keys(...).sort() segítségével építi újra szerializálás előtt — a tömbök eredeti sorrendjükben maradnak.
  4. 4
    Interaktív fanézet
    A fanézet egy kézzel írt rekurzív laposítás, amely az elemzett objektumot csomópontok lapos listájává alakítja mélységgel, útvonallal és kibontott/összecsukott állapottal. A renderelés 5000 látható csomópontra korlátozott, hogy megelőzze a lap lefagyását nagy méretű dokumentumokon nagy kibontott tömbökkel.

Minden helyben fut a böngészőjében — JSON-ja soha nem kerül elküldésre egy szerverre.

Kapcsolódó eszközök

🗜️

CSS minifier és formázó

Minifikálj CSS-t a fájlméret csökkentéséhez, vagy formázz minifikált CSS-t az olvashatóság érdekében. Azonnal, a böngésződben.

Próbálja ki
🎨

CSS-szépítő

Formázza a minifikált CSS-t egységes behúzással, vagy minifikálja. Opcionális betűrendes tulajdonságrendezés az áttekinthető különbségekért.

Próbálja ki
🌐

HTML-szépítő és minifier

Formázz vagy minifikálj HTML-t megfelelő beágyazási behúzással. Megőrzi a tartalmat a <pre>, <script>, <style> blokkokon belül.

Próbálja ki

Gyakran ismételt kérdések