Formátujte, overujte, prezerajte a porovnávajte JSON v prehliadači. Presné syntaktické chyby, stromové zobrazenie, zoradenie kľúčov, vyhľadávanie a sémantické porovnanie, ktoré ignoruje formátovanie.
Tab odsadí aktuálny riadok alebo výber. Najprv stlačte Escape, ak má Tab namiesto toho prejsť na ďalší prvok.
Overovanie beží počas písania. Hneď ako sa dokument načíta, dostanete štatistiky, stromové zobrazenie s cestami na skopírovanie a akcie formátovať, minifikovať a zoradiť. Nič sa nikam neodosiela.
Štatistiky sa objavia, hneď ako sa dokument načíta.
Strom sa objaví, hneď ako sa dokument načíta.
Formátovanie zmení odsadenie bez toho, aby siahlo na obsah: parser dokument prečíta a serializer zapíše tie isté hodnoty s dvoma medzerami, štyrmi medzerami alebo tabulátormi. Minifikácia je tá istá operácia bez bielych znakov, čo je to, čo potrebujete, než payload vložíte do hlavičky, do query stringu alebo do fixture. Hodnoty, escape sekvencie aj Unicode sa vrátia presne tak, ako prišli.
Validátor, ktorý povie len „neplatné“, vám nepovedal nič. Tento uvádza riadok, stĺpec aj znakový posun, pomenuje príčinu - čiarka na konci, kľúč v apostrofoch, chýbajúca dvojbodka, komentár - a vypíše okolité riadky so strieškou pod chybou. Hlási aj dve veci, ktoré parser skrýva: duplicitné kľúče, ktoré JSON.parse ticho zredukuje na posledný, a veľké celé čísla, ktoré strácajú presnosť vo chvíli, keď ich JavaScript prečíta.
Porovnanie sa týka dát, nie textu. Dva dokumenty, ktoré sa líšia len odsadením, koncami riadkov alebo poradím zapísaných kľúčov, sú hlásené ako ten istý dokument. Polia sa porovnávajú ako postupnosti, pretože ich poradie je súčasťou dát: jeden vložený prvok je hlásený ako jedno vloženie, nie ako zmena všetkého, čo nasleduje. Každý rozdiel sa zobrazí ako pridaný, odobraný, zmenený alebo so zmenou typu, so symbolom a slovom, nielen farbou.
Stromové zobrazenie otvára dokument úroveň po úrovni, aby sa z veľkého súboru nestala veľká stránka. Každý riadok nesie cestu, ktorá k nemu vedie - users[4].email, profile.address.city - a tlačidlo na skopírovanie cesty aj hodnoty, čo je zvyčajne to, čo ste zo súboru naozaj potrebovali.
Vložený dokument, pretiahnutý súbor, načítané hodnoty, štatistiky aj porovnanie nikdy neopustia túto kartu. Za týmto nástrojom nie je žiadne volanie API, do úložiska prehliadača sa okrem vašej preferencie odsadenia nezapisuje nič a do adresného riadka nič. Tu to váži viac než pri väčšine nástrojov: produkčné odpovede API a konfiguračné súbory zvyčajne nesú prihlasovacie údaje, dáta zákazníkov alebo interné názvy hostiteľov.
Prečítať odpoveď API, ktorá prišla na jednom riadku. Overiť payload webhooku voči tomu, čo váš handler očakáva. Nájsť, čo sa zmenilo medzi dvoma verziami konfiguračného súboru. Premeniť ukážkovú odpoveď na rozhranie TypeScript. Potvrdiť, že riadok logu je platný JSON, skôr než obviníte parser.
Formátovanie a minifikácia prechádzajú vlastným parserom a serializerom prehliadača, takže hodnoty, escape sekvencie aj Unicode zostávajú presne zachované. Overovanie robí vlastný skener tohto nástroja, a preto vie uviesť riadok a stĺpec, ktoré správa prehliadača nedáva, a varovať pred duplicitnými kľúčmi a pred celými číslami, ktoré strácajú presnosť. Dokumenty sú obmedzené na 5 MiB, zvýrazňovanie syntaxe sa nad 300 KiB vypína, aby sa veľký súbor dal písať, a podrobné porovnanie sa pri veľmi rozsiahlych stromoch zastaví skôr. Nekontroluje zhodu s JSON Schema a neopravuje poškodené dokumenty.
Nie. Formátovanie, overovanie, porovnanie, štatistiky aj strom bežia vo vašom prehliadači. Tento nástroj nerobí žiadne volanie API a nič z toho, čo vložíte alebo pretiahnete, sa nezapisuje do úložiska ani do adresného riadka. Medzi návštevami sa uchováva iba zvolené odsadenie.
Pretože porovnáva dáta, nie text. Odsadenie, konce riadkov a poradie, v akom boli kľúče zapísané, nemajú v JSON význam, a preto sa nehlásia ako rozdiely. Poradie v poli význam má a porovnáva sa ako postupnosť, takže preusporiadaný zoznam je skutočný rozdiel.
Skener ich nájde a upozorní vás, ale obnoviť ich nič nedokáže: JSON.parse pri opakovanom kľúči ponechá len poslednú hodnotu a rovnako sa správa každý ďalší parser JSON, ktorý pravdepodobne použijete. Upozornenie uvádza kľúč a riadok, aby ste mohli opraviť zdroj.
Až 5 MiB. Nad približne 300 KiB sa farby syntaxe vypnú, aby písanie zostalo plynulé, a pri veľmi rozsiahlych dokumentoch sa podrobné porovnanie zastaví skôr a povie to. Štatistiky a overovanie fungujú v celom rozsahu.
MCP, Model Context Protocol: čo to je a ako funguje v praxi
MCP, REST API, Function Calling and Agent Tools compared
Model Context Protocol, teda MCP, je otvorený štandard na prepájanie AI aplikácií s nástrojmi a zdrojmi dát. Namiesto samostatnej integrácie pre každý model a službu MCP server opíše svoje možnosti štandardizovaným spôsobom, ktorý kompatibilný klient dokáže objaviť a vyvolať. V roku 2026 je MCP výrazne vyspelejší než pri spustení: aktuálna špecifikácia používa bezstavové HTTP jadro, formálne rozšírenia, silnejšie pravidlá autorizácie a mechanizmy pre dlhotrvajúce úlohy.
Axios sa stal predvoleným HTTP klientom pre mnohé JavaScript tímy, pretože ponúkal čisté API skôr, než sa Fetch stal štandardnou primitívou prehliadača. Dnes mnohé tímy môžu používať natívny Fetch priamo alebo si vybrať Ky, malý wrapper, ktorý pridáva pohodlie bez plnej hmotnosti Axiosu. Správna voľba závisí od toho, či skutočne potrebujete funkcie špecifické pre Axios ako interceptory a existujúce wrappery, alebo či vašej aplikácii lepšie sedí ľahšia, modernejšia vrstva požiadaviek.
TypeScript vs JavaScript: Ktorý by ste mali použiť pre frontend?
TypeScript and JavaScript compared
JavaScript je jazyk webu a TypeScript je JavaScript s typovým systémom, ktorý pomáha tímom zachytávať chyby skôr a udržiavať väčšie kódové základne s väčšou istotou. Pre malé skripty a rýchle prototypy môže obyčajný JavaScript stačiť. Pre seriózne frontendové aplikácie sa TypeScript často zaplatí prostredníctvom lepších nástrojov, bezpečnejších refaktorov a jasnejších kontraktov medzi modulmi. Správna voľba závisí od veľkosti projektu, skúseností tímu a od toho, ako dlho kód potrebuje žiť.
Vytvárame softvér na mieru a riešenia prispôsobené vašim potrebám.