Ako sa používa
- Vložte svoj JSON do vstupného poľa vľavo (alebo kliknite na "Load Example" pre vyskúšanie).
- Vyberte 2-medzerové alebo 4-medzerové odsadenie.
- Kliknite na "Format" pre prehľadnenie, alebo "Minify" pre skomprimovanie na jeden riadok.
- Ak je JSON neplatný, prečítajte si chybovú hlášku pod poľami, aby ste našli problém.
- Kliknite na "Copy" pre skopírovanie výsledku do schránky.
Príklad
Vstup
{"name":"CodeKitHub","tools":["json","base64"],"free":true}Výstup
{
"name": "CodeKitHub",
"tools": [
"json",
"base64"
],
"free": true
}Rovnaké dáta, naformátované s 2-medzerovým odsadením. Minify robí opak: odstráni všetky medzery.
Čo je tento nástroj?
JSON formátovač berie surový, minifikovaný alebo neprehľadný JSON text a prepíše ho s konzistentným odsadením a zalomeniami riadkov, aby sa stal ľahko čitateľným. JSON (JavaScript Object Notation) je najbežnejší dátový formát používaný API, konfiguračnými súbormi a logovacími systémami, no servery ho zvyčajne posielajú ako jeden dlhý nečitateľný riadok kvôli úspore šírky pásma.
Tento nástroj funguje aj ako JSON validátor: parsuje váš vstup rovnakými prísnymi pravidlami, aké používajú prehliadače, takže ak vášmu JSON chýba čiarka, kľúč nie je v úvodzovkách alebo obsahuje čiarku navyše na konci, uvidíte presnú chybovú hlášku namiesto tichého zlyhania.
JSON je formálne definovaný dvomi zladenými štandardmi, RFC 8259 a ECMA-404 — a špecifikácia je zámerne prísnejšia než samotný JavaScript, preto úryvok, ktorý funguje bezchybne ako JS kód, môže tu stále zlyhať pri prísnej validácii JSON.
Praktické tipy
- Ladite API? Najprv vložte surovú odpoveď, formátovanie druhé — validátor presne určí riadok a stĺpec akéhokoľvek syntaktického problému, čo je lepšie ako mrviť oči nad jednoriadkovým blobom.
- Použite 2-medzerové odsadenie na čítanie na obrazovke a minifikujte pred vložením JSON do URL, premennej prostredia alebo chatovej správy — medzery tam stoja len bajty.
- Komentáre v štýle JSON5 a koncové čiarky sú dva najčastejšie dôvody, prečo ručne písaná konfigurácia "vyzerá v poriadku", ale zlyhá pri validácii: prísny JSON nepovoľuje ani jedno.
- Pre veľmi veľké súbory (logy, výpisy databáz) formátujte len fragment, na ktorom vám záleží — váš editor zostane responzívny a štruktúra je jednoduchšia na sledovanie.
Kde sa to hodí v reálnych workflow
Najčastejší tok, ktorý vidíme: API vráti Base64-zabalený alebo minifikovaný JSON vo vnútri tokenu alebo webhook payloadu. Najprv dekódujte Base64, druhé naformátujte JSON, a tretie porovnajte dve odpovede, keď sa niečo zmenilo medzi prostrediami. Každý krok má tu vyhradený nástroj, a vaše payloady nikdy neopustia prehliadač pri žiadnom z nich.
Frontend vývojári používajú smer minify rovnako často ako formátovanie: nasadzujete veľký statický JSON súbor? Minifikácia zvyčajne ušetrí 20–30 % ešte pred gzipom.
JSON formátovač vs. iné spôsoby formátovania JSON
Existuje viac ciest, ako dostať čitateľný JSON — konzola prehliadača, editor s pluginom, príkaz jq v termináli. Tabuľka nižšie zhŕňa, kedy sa hodí ktorý prístup.
| Metóda | Rýchlosť | Validácia chýb | Súkromie dát |
|---|---|---|---|
| Tento nástroj | Okamžite, bez inštalácie | Presný riadok a stĺpec chyby | 100% lokálne v prehliadači |
| Konzola prehliadača (JSON.stringify) | Rýchle, ak je konzola otvorená | Všeobecná chyba bez pozície | Lokálne, ale vyžaduje DevTools |
| Editor s pluginom (napr. VS Code) | Rýchle pri písaní kódu | Chyba podčiarknutá priamo v editore | Lokálne, závisí od pluginu |
| jq / príkazový riadok | Rýchle pre skriptovanie a CI | Chyba parsovania bez detailného kontextu | Lokálne, vyžaduje terminál |
Bežné prípady použitia
- Čítanie minifikovanej odpovede API vrátenej ako jeden nečitateľný riadok, kvôli pochopeniu jej štruktúry počas ladenia.
- Validácia konfiguračného súboru (ako package.json alebo nastavenia založené na JSON), ktorý aplikácia záhadne nesprávne číta.
- Zdieľanie čitateľného, formátovaného úryvku JSON v hlásení o chybe, code review alebo dokumentácii.
- Zoštíhlenie JSON payloadu na najmenšiu formu pred vložením do URL parametra alebo uložením do databázového stĺpca s limitmi veľkosti.
Prečo ho používať?
Backend vrátil chybu 500 a v logu je len jeden nekonečný riadok JSON — vložíte ho sem a za pár sekúnd presne vidíte, ktoré pole obsahuje null namiesto očakávaného objektu.
Testujete payload requestu pre platobnú bránu a chcete mať istotu, že neobsahuje syntaktickú chybu skôr, než ho odošlete do produkcie — validácia tu to potvrdí okamžite, bez spúšťania celej aplikácie.
Chystáte sa vložiť konfiguračný objekt do <script> tagu na produkčnom webe — minifikácia zmenší jeho veľkosť a ušetrí pár kilobajtov pri každom načítaní stránky.
Ladíte export z interného systému, ktorý obsahuje rodné čísla alebo interné ID zamestnancov — keďže všetko beží lokálne, nič z toho neopustí váš počítač len kvôli prečítaniu štruktúry.
Kolega poslal minifikovaný JSON fixture v pull requeste na GitHube — naformátujete ho tu, aby diff v code review dával zmysel namiesto jedného nečitateľného riadku.
Časté otázky
Nahrávajú sa moje JSON dáta na server?
Nie. Tento nástroj beží úplne vo vašom prehliadači pomocou JavaScriptu. Váš JSON nikdy neopustí vaše zariadenie, čo je bezpečné pri použití s citlivými alebo internými dátami.
Prečo je môj JSON neplatný?
Najčastejšie príčiny sú: chýbajúce alebo prebytočné čiarky, kľúče bez dvojitých úvodzoviek, jednoduché úvodzovky namiesto dvojitých, koncová čiarka za posledným prvkom, a komentáre (JSON komentáre nepovoľuje). Chybová hláška pod vstupným poľom vám povie, čo parser našiel.
Aký je rozdiel medzi Format a Minify?
Format pridáva odsadenie a zalomenia riadkov, aby bol JSON čitateľný pre človeka. Minify odstráni všetky nepotrebné medzery, aby bol JSON čo najmenší — užitočné pred prenosom alebo vložením.
Existuje limit veľkosti?
Neexistuje pevný limit stanovený nástrojom. Veľmi veľké súbory (desiatky megabajtov) môžu byť pomalé v závislosti od vášho zariadenia, keďže celé spracovanie prebieha lokálne vo vašom prehliadači.
Dokáže toto automaticky opraviť poškodený JSON?
Nie — nástroj vám presne povie, kde je JSON poškodený, aby ste to mohli opraviť, ale nehádže a nemení vaše dáta. Toto je zámerné: tiché "opravovanie" dát môže skryť skutočné chyby.
Podporuje nástroj JSON5 alebo JSONC (komentáre, koncové čiarky, kľúče bez úvodzoviek)?
Nie, a je to zámer — tento nástroj validuje podľa prísneho štandardu RFC 8259, teda formátu, ktorý skutočne vyžadujú vaše API a JSON.parse(). Ak potrebujete naformátovať JSONC konfiguráciu (napríklad tsconfig.json), najprv z nej odstráňte komentáre, inak ich parser nahlási ako chyby.
Aký je rozdiel medzi týmto nástrojom a JSON.stringify() v konzole prehliadača?
JSON.stringify(JSON.parse(x), null, 2) urobí to isté preformátovanie, ale potrebujete otvorenú konzolu a pri neplatnom vstupe dostanete len všeobecnú chybu, zatiaľ čo tu vidíte presný riadok a stĺpec problému.
Funguje to aj s výrazne zanoreným JSON, napríklad odpoveďami z GraphQL?
Áno — neexistuje žiadny umelý limit hĺbky zanorenia, len praktický limit pamäte vášho prehliadača. Hlboko zanorené štruktúry sú presne ten prípad, kde formátovanie pomáha najviac, pretože jednoriadková verzia je nad 3-4 úrovňami takmer nečitateľná.
Funguje nástroj aj bez pripojenia na internet?
Áno. Akonáhle sa stránka raz načíta, všetko parsovanie a formátovanie beží lokálne v JavaScripte — môžete sa odpojiť od siete a JSON ďalej formátovať.
Funguje to v starších prehliadačoch alebo na firemnom počítači s obmedzeniami?
Nástroj používa štandardné JavaScript API dostupné vo všetkých moderných prehliadačoch (Chrome, Firefox, Edge, Safari) za posledných pár rokov, vrátane firemných verzií s vypnutými skriptami tretích strán — žiadne pluginy ani rozšírenia nie sú potrebné.