Siirry pääsisältöön
LibraTool logoLibraTool

JSON-muotoilu ilmaiseksi

Muotoile, validoi, minimoi ja tutki JSON-dataa. Puunäkymä, syntaksin korostus ja yhden klikkauksen kopiointi.

Toimii offline-tilassa kerran ladattuna

Yleiset käyttötavat

  • Muotoile API-vastauksetLiitä raakaksi API JSON -vastaukset ja muotoile ne välittömästi luettaviksi, sisäkkäisiksi tuotoksi.
  • Muotoile JSON-määritystiedostotPuhdista ja vahvista JSON-määritystiedostot — package.json, tsconfig.json, asetukset ja muut.
  • Muotoile JSON VirheenkorjaukseenRatkaise välittömästi pienentyneet tai paenneet JSON-lokit, virhetyöntöä ja tietokannan tulostuksia.
  • Muotoile JSON-käännöstiedostotVahvista ja siivooja i18n-käännös JSON-tiedostot (en.json, de.json) joita käytetään React-, Vue- ja Next.js-sovelluksissa.
  • Tarkista ja Muotoile Webhook-kuormaLiitä raakaksi webhook-kuormat Stripestä, GitHubista tai Shopifysta ja lue ne selvästi muotoiltuina.

Miten se toimii

Muotoilija toimii kokonaan selaimessasi JavaScriptin sisäänrakennetuilla JSON.parse- ja JSON.stringify-funktioilla — ei kirjastoa, ei palvelinta. Jäsennys, muotoilu, tiivistys ja interaktiivinen puunäkymä tapahtuvat kaikki paikallisesti kirjoittaessasi.

  1. 1
    Suora jäsennys syötteestä
    JSON.parse ajetaan 200 ms viimeisen näppäilysi jälkeen. Jos jäsennys epäonnistuu, käsin kirjoitettu virhesijaintifunktio lukee SyntaxError-viestin V8:sta tai Firefoxista, poimii rivi- ja sarakenumeron, ja tarjoaa hyppää-virheeseen-linkin tekstialueessa.
  2. 2
    Turvattoman kokonaisluvun tunnistus
    Ennen tulosteen näyttämistä työkalu skannaa raakalähteen 16 tai useamman numeron kokonaislukuliteraalien varalta (jättäen huomiotta lainattujen merkkijonojen sisällä olevat), ja testaa sitten jokaisen Number.isSafeInteger-funktiolla. Jos jokin pyöristettäisiin hiljaisesti IEEE-754-kaksoistarkkuuden tallennuksessa, varoitus ilmestyy ennen kuin kopioit tai lataat.
  3. 3
    Muotoilu, tiivistys ja avainten lajittelu
    JSON.stringify(arvo, null, sisennys) tuottaa muotoillun tai tiivistetyn tulosteen. Kun avainten lajittelu on päällä, rekursiivinen funktio kulkee jokaisen olion jäsennetyssä puussa läpi ja rakentaa sen uudelleen Object.keys(...).sort()-funktiolla ennen serialisointia — taulukot jätetään alkuperäiseen järjestykseensä.
  4. 4
    Interaktiivinen puunäkymä
    Puunäkymä on käsin kirjoitettu rekursiivinen litistys, joka muuntaa jäsennetyn olion litteäksi solmulistaksi syvyyden, polun ja laajenna/pienennä-tilan kera. Piirto rajoitetaan 5 000 näkyvään solmuun estääkseen välilehteä jäätymästä usean megatavun dokumenteissa, joissa on suuria laajennettuja taulukoita.

Kaikki tapahtuu paikallisesti selaimessasi — JSON:iasi ei koskaan lähetetä millekään palvelimelle.

Liittyvät työkalut

🗜️

CSS-pienentäjä ja -kaunistaja

Pienennä CSS tiedostokoon pienentämiseksi tai kaunista pienennetty CSS luettavuuden parantamiseksi. Välitön, selaimessasi.

Kokeile sitä
🎨

CSS-kaunistaja

Muotoile minifioitu CSS selkeästi tasaisella sisennyksellä tai minifioi se. Valinnainen ominaisuuksien aakkosjärjestys ennustettaviin diffeihin.

Kokeile sitä
🌐

HTML-kaunistaja ja -pienentäjä

Muotoile tai pienennä HTML oikealla sisennyssyvyydellä. Säilyttää sisällön <pre>-, <script>- ja <style>-lohkojen sisällä.

Kokeile sitä

Usein kysytyt kysymykset