Käyttöohje
- Liitä JSON:isi vasemmanpuoleiseen syöttökenttään (tai napsauta "Lataa esimerkki" kokeillaksesi sitä).
- Valitse 2 tai 4 välilyönnin sisennys.
- Napsauta "Muotoile" kaunistaaksesi, tai "Minifioi" pakataksesi sen yhdeksi riviksi.
- Jos JSON on virheellinen, lue virheviesti laatikoiden alta löytääksesi ongelman.
- Napsauta "Kopioi" kopioidaksesi tuloksen leikepöydälle.
Esimerkki
Syöte
{"name":"CodeKitHub","tools":["json","base64"],"free":true}Tuloste
{
"name": "CodeKitHub",
"tools": [
"json",
"base64"
],
"free": true
}Sama data, muotoiltuna 2 välilyönnin sisennyksellä. Minifiointi tekee päinvastoin: se poistaa kaiken tyhjätilan.
Mikä tämä työkalu on?
JSON-muotoilija ottaa raakaa, minifioitua tai sotkuista JSON-tekstiä ja kirjoittaa sen uudelleen johdonmukaisella sisennyksellä ja rivinvaihdoilla, jotta se on helppo lukea. JSON (JavaScript Object Notation) on yleisin API:en, konfiguraatiotiedostojen ja lokijärjestelmien käyttämä dataformaatti, mutta palvelimet lähettävät sen yleensä yhtenä pitkänä, lukukelvottomana rivinä kaistan säästämiseksi.
Tämä työkalu toimii myös JSON-validoijana: se jäsentää syötteesi samoilla tiukoilla säännöillä kuin selaimet käyttävät, joten jos JSON:issasi on puuttuva pilkku, lainaamaton avain tai ylimääräinen loppupilkku, näet tarkan virheviestin hiljaisen epäonnistumisen sijaan.
JSON on virallisesti määritelty kahdessa yhdenmukaisessa standardissa, RFC 8259 ja ECMA-404 — ja spesifikaatio on tarkoituksella tiukempi kuin JavaScript itse, minkä vuoksi katkelma, joka toimii hyvin JS-koodina, voi silti epäonnistua tässä tiukassa JSON-validoinnissa.
Käytännön vinkkejä
- API:a virheenkorjaamassa? Liitä raaka vastaus ensin, muotoile toiseksi — validoija osoittaa tarkan rivin ja sarakkeen syntaksiongelmalle, mikä voittaa yksirivisen blobin tuijottamisen.
- Käytä 2 välilyönnin sisennystä ruudulta lukemiseen, ja minifioi ennen JSON:in liittämistä URL-osoitteeseen, ympäristömuuttujaan tai chat-viestiin — siellä tyhjätila vain maksaa tavuja.
- JSON5-tyyliset kommentit ja loppupilkut ovat kaksi yleisintä syytä, miksi käsin kirjoitettu konfiguraatio "näyttää hyvältä" mutta epäonnistuu validoinnissa: tiukka JSON ei salli kumpaakaan.
- Erittäin suurille tiedostoille (lokit, tietokantavedokset) muotoile vain se katkelma, josta olet kiinnostunut — editorisi pysyy responsiivisena ja rakenne on helpompi seurata.
Mihin tämä sopii todellisissa työnkuluissa
Yleisin näkemämme kulku: API palauttaa Base64-kääritettyä tai minifioitua JSON:ia tokenissa tai webhook-hyötykuormassa. Pura Base64 ensin, muotoile JSON toiseksi ja vertaile kahta vastausta kolmanneksi, kun jotain muuttui ympäristöjen välillä. Jokaisella vaiheella on oma työkalunsa täällä, ja hyötykuormasi eivät koskaan poistu selaimesta missään niistä.
Frontend-kehittäjät käyttävät minifiointisuuntaa yhtä usein kuin muotoilua: julkaisetko suuren staattisen JSON-tiedoston? Sen minifiointi säästää tyypillisesti 20–30 % jo ennen gzipin alkamista.
Yleisiä käyttötapauksia
- Yhtenä lukukelvottomana rivinä palautetun minifioidun API-vastauksen lukeminen sen rakenteen ymmärtämiseksi virheenkorjauksen aikana.
- Konfiguraatiotiedoston (kuten package.json tai JSON-pohjaisen asetustiedoston) validointi, jota sovellus mystisesti ei lue oikein.
- Luettavan, muotoillun JSON-katkelman jakaminen bugi-ilmoituksessa, koodikatselmuksessa tai dokumentaatiossa.
- JSON-hyötykuorman pienentäminen pienimpään muotoonsa ennen sen upottamista URL-parametriin tai tallentamista kokorajoitettuun tietokantasarakkeeseen.
Miksi käyttää sitä?
Virheenkorjaa API-vastauksia nopeasti — muuta yhden rivin vastaus luettavaksi rakenteeksi yhdellä klikkauksella.
Löydä syntaksivirheet välittömästi, tarkalla syyllä miksi JSON ei jäsentynyt.
Minifioi JSON ennen sen upottamista koodiin tai lähettämistä verkon yli.
100 % yksityinen: jäsennys tapahtuu selaimessasi, mitään ei ladata tai tallenneta.
Ei kirjautumista, ei rajoja, toimii mobiilissa.
Usein kysytyt kysymykset
Ladataanko JSON-dataani palvelimelle?
Ei. Tämä työkalu toimii kokonaan selaimessasi JavaScriptillä. JSON:isi ei koskaan poistu laitteeltasi, mikä tekee sen turvalliseksi arkaluontoisen tai sisäisen datan kanssa.
Miksi JSON:ini on virheellinen?
Yleisimmät syyt ovat: puuttuvat tai ylimääräiset pilkut, avaimet ilman lainausmerkkejä, yksinkertaiset lainausmerkit kaksoislainausmerkkien sijaan, viimeisen kohteen jälkeinen loppupilkku ja kommentit (JSON ei salli kommentteja). Syöttökentän alla oleva virheviesti kertoo, mitä jäsennin löysi.
Mitä eroa on Muotoile- ja Minifioi-toiminnoilla?
Muotoile lisää sisennystä ja rivinvaihtoja tehdäkseen JSON:ista ihmisen luettavan. Minifioi poistaa kaiken tarpeettoman tyhjätilan tehdäkseen JSON:ista mahdollisimman pienen — hyödyllinen ennen lähetystä tai upottamista.
Onko kokorajaa?
Työkalu ei aseta kovaa rajaa. Erittäin suuret tiedostot (kymmeniä megatavuja) voivat olla hitaita laitteestasi riippuen, koska kaikki käsittely tapahtuu paikallisesti selaimessasi.
Voiko tämä korjata rikkinäisen JSON:in automaattisesti?
Ei — työkalu kertoo tarkalleen, missä JSON on rikki, jotta voit korjata sen itse, mutta se ei arvaa tai muuta dataasi. Tämä on tarkoituksellista: datan hiljainen "korjaaminen" voi piilottaa todellisia bugeja.