Preskoči na glavno vsebino
LibraTool logoLibraTool

Formatiranje JSON — brezplačno

Formatirajte, potrjujte, minimizirajte in raziskujte podatke JSON. Drevesni prikaz, označevanje sintakse in kopiranje z enim klikom.

Deluje brez povezave po nalaganju

Pogosta področja uporabe

  • Oblikujte odgovore APIPrilepite surove odgovore API JSON in jih takoj oblikujte v berljiv, zamaknjeni izhod.
  • Oblikujte datoteke konfiguracije JSONOčistite in preverite datoteke konfiguracije JSON — package.json, tsconfig.json, nastavitve in druge.
  • Oblikujte JSON za odpravljanje napakTakoj razsmotrite minimizirane ali izbegane JSON dnevnike, koristne podatke napak in izlaze podatkovne baze.
  • Oblikujte datoteke prevoda JSONPreverite in lepo oblikujte datoteke prevoda i18n JSON (en.json, de.json), uporabljene v aplikacijah React, Vue in Next.js.
  • Preglejte in oblikujte Webhook koristne podatkePrilepite surove koristne podatke webhook od Stripe, GitHub ali Shopify in jih preberite jasno oblikovane.

Kako deluje

Formatirnik teče v celoti v vašem brskalniku z uporabo vgrajenega JSON.parse in JSON.stringify JavaScripta — brez knjižnice, brez strežnika. Razčlenjevanje, oblikovanje, minifikacija in interaktiven pogled drevesa vse potekajo lokalno med tipkanjem.

  1. 1
    Živo razčlenjevanje ob vnosu
    JSON.parse teče 200 ms po vašem zadnjem pritisku tipke. Če razčlenjevanje spodleti, ročno napisana funkcija za lokacijo napake prebere sporočilo SyntaxError iz V8 ali Firefoxa, izvleče številko vrstice in stolpca ter ponudi povezavo za skok na napako v besedilnem polju.
  2. 2
    Zaznavanje nevarnih celih števil
    Pred prikazom izpisa orodje pregleda surov vir za celoštevilske literale s 16 ali več mesti (in ignorira tiste znotraj nizov v narekovajih), nato vsakega preizkusi z Number.isSafeInteger. Če bi bilo katero koli tiho zaokroženo zaradi shranjevanja IEEE-754 double, se pred kopiranjem ali prenosom pojavi opozorilo.
  3. 3
    Oblikovanje, minifikacija in razvrščanje ključev
    JSON.stringify(vrednost, null, zamik) ustvari oblikovan ali minificiran izpis. Ko je razvrščanje ključev vklopljeno, rekurzivna funkcija pregleda vsak predmet v razčlenjenem drevesu in ga pred serializacijo znova zgradi z Object.keys(...).sort() — polja ostanejo v svojem izvirnem vrstnem redu.
  4. 4
    Interaktiven pogled drevesa
    Pogled drevesa je ročno napisana rekurzivna sploščitev, ki razčlenjen predmet pretvori v ploščat seznam vozlišč z globino, potjo in stanjem razširitve/zbrisa. Izrisovanje je omejeno na 5.000 vidnih vozlišč, da se prepreči zamrznitev zavihka pri več-megabajtnih dokumentih z velikimi razširjenimi polji.

Vse teče lokalno v vašem brskalniku — vaš JSON se nikoli ne pošlje na noben strežnik.

Sorodna orodja

🗜️

Minifikator in ulepševalnik CSS

Minimizirajte CSS za zmanjšanje velikosti datoteke ali ulepšajte minificirani CSS za berljivost. Takojšnje, v vašem brskalniku.

Poskusite
🎨

Ulepševalnik CSS

Oblikujte minimiziran CSS z dosledno zamikanjem ali ga minimizirajte. Izbirno abecedno razvrščanje lastnosti za predvidljive razlike.

Poskusite
🌐

Ulepševalnik in minifikator HTML

Lepo natisnite ali minimizirajte HTML z ustreznim zamakanjem gnezdenja. Ohrani vsebino znotraj blokov <pre>, <script>, <style>.

Poskusite

Pogosto zastavljena vprašanja