Pereiti prie pagrindinio turinio
LibraTool logoLibraTool

JSON formatavimas nemokamai

Formatuokite, tikrinkite, minimizuokite ir tyrinėkite JSON duomenis. Medžio vaizdas, sintaksės paryškinimas ir kopijavimas vienu paspaudimu.

Veikia neprisijungus, kai įkeliama

Dažniausi naudojimo būdai

  • Formatiniu API atsakymusĮklijuokite neapdorotus API JSON atsakymus ir iš karto formatuokite į skaitomą, įtrauktą išvestį.
  • Formatuokite JSON konfigūracijos failusIšvalykite ir patikrinkite JSON konfigūracijos failus — package.json, tsconfig.json, nustatymus ir kitus.
  • Formatuokite JSON derinimuiIš karto išspręskite minifikuotus arba paslėptus JSON žurnalus, klaidų krovinį ir duomenų bazės išvestį.
  • Formatuokite JSON vertimo failusPatikrinkite ir gražiai formatuokite i18n JSON vertimo failus (en.json, de.json), naudojamus React, Vue ir Next.js programose.
  • Inspektuokite ir formatuokite Webhook krovinįĮklijuokite neapdorotą webhook krovinį iš Stripe, GitHub arba Shopify ir skaitykite jį aiškiai formatuotą.

Kaip tai veikia

Formatuotojas veikia visiškai jūsų naršyklėje, naudojant JavaScript įtaisytus JSON.parse ir JSON.stringify — jokios bibliotekos, jokio serverio. Analizavimas, formatavimas, sutraukimas ir interaktyvus medžio rodinys — viskas vyksta vietoje, kol rašote.

  1. 1
    Gyvas analizavimas įvedant
    JSON.parse vykdomas 200 ms po paskutinio jūsų paspaudimo. Jei analizavimas nepavyksta, rankomis parašyta klaidos vietos funkcija nuskaito SyntaxError pranešimą iš V8 ar Firefox, išgauna eilutės ir stulpelio numerį, ir teksto lauke pasiūlo šuolio į klaidą nuorodą.
  2. 2
    Nesaugių sveikųjų skaičių aptikimas
    Prieš rodant išvestį, įrankis nuskaito neapdorotą šaltinį, ieškodamas 16 ar daugiau skaitmenų sveikojo skaičiaus literalų (ignoruodamas tuos, kurie yra kabutėse esančiose eilutėse), tada kiekvieną patikrina su Number.isSafeInteger. Jei bet kuris būtų tyliai suapvalintas dėl IEEE-754 dvigubo tikslumo saugojimo, prieš kopijuojant ar atsisiunčiant pasirodo įspėjimas.
  3. 3
    Formatavimas, sutraukimas ir raktų rikiavimas
    JSON.stringify(reikšmė, null, įtrauka) sukuria suformatuotą ar sutrauktą išvestį. Kai įjungtas raktų rikiavimas, rekursyvi funkcija apeina kiekvieną objektą analizuotame medyje ir jį atkuria naudodama Object.keys(...).sort() prieš serializavimą — masyvai paliekami originalia tvarka.
  4. 4
    Interaktyvus medžio rodinys
    Medžio rodinys yra rankomis parašytas rekursyvus išlyginimas, kuris paverčia išanalizuotą objektą plokščiu mazgų sąrašu su gyliu, keliu ir išskleidimo/suskleidimo būsena. Atvaizdavimas ribojamas iki 5000 matomų mazgų, kad skirtukas neužstrigtų dirbant su kelių megabaitų dokumentais, turinčiais didelius išskleistus masyvus.

Viskas vyksta vietoje, jūsų naršyklėje — jūsų JSON niekada nesiunčiamas į jokį serverį.

Susiję įrankiai

🗜️

CSS minifikatorius ir formatuotojas

Minifikuokite CSS, kad sumažintumėte failo dydį, arba formatuokite minifikuotą CSS skaitomumui. Momentaliai, jūsų naršyklėje.

Išbandykite
🎨

CSS gražintuvas

Suformatuokite sumažintą CSS su vienodais įtrauktimis arba jį sumažinkite. Pasirenkamas savybių rikiavimas abėcėlės tvarka, kad skirtumai būtų aiškūs.

Išbandykite
🌐

HTML gražintuvas ir minifikatorius

Gražiai suformatuokite arba sumažinkite HTML su tinkama įdėtų elementų įtrauka. Išsaugo turinį <pre>, <script>, <style> blokuose.

Išbandykite

Dažnai užduodami klausimai