Formatare JSON — gratuit
Formatați, validați, minimizați și explorați date JSON. Vizualizare arborescentă, evidențierea sintaxei și copiere cu un singur clic.
Utilizări frecvente
- Formatati raspunsurile APILipiti raspunsurile brute ale API JSON si formatati-le instantaneu intr-un rezultat citit si indentation.
- Formatati fisierele de configurare JSONCuratati si validati fisierele de configurare JSON - package.json, tsconfig.json, setari si altele.
- Formatati JSON pentru depanareDezlegatia instantaneu a jurnalelor JSON minificare sau de evadare, sarcini de eroare si rezultate ale bazei de date.
- Formatati fisierele de traducere JSONValidati si finisati fisierele de traducere i18n JSON (en.json, de.json) utilizate in aplicatiile React, Vue si Next.js.
- Inspectati si formatati sarcinile webhookLipiti sarcinile webhook de la Stripe, GitHub sau Shopify si cititi-le clar formatate.
Cum funcționează
Formatorul rulează în întregime în browser-ul tău folosind JSON.parse și JSON.stringify integrate ale JavaScript — fără bibliotecă, fără server. Parsarea, formatarea, minificarea, și vizualizarea interactivă în arbore se întâmplă toate local pe măsură ce scrii.
- 1Parsare live la intrareJSON.parse rulează 200 ms după ultima ta apăsare de tastă. Dacă parsarea eșuează, o funcție de localizare a erorii scrisă manual citește mesajul SyntaxError din V8 sau Firefox, extrage numărul liniei și coloanei, și oferă un link de salt-la-eroare în zona de text.
- 2Detectarea numărului întreg nesigurÎnainte de a afișa ieșirea, unealta scanează sursa brută pentru literali întregi de 16 sau mai multe cifre (ignorându-le pe cele din interiorul șirurilor citate), apoi testează fiecare cu Number.isSafeInteger. Dacă oricare ar fi rotunjit silențios de stocarea dublă IEEE-754, un avertisment apare înainte să copiezi sau descarci.
- 3Formatare, minificare, și sortare cheiJSON.stringify(value, null, indent) produce ieșirea formatată sau minificată. Când sortarea cheilor este activată, o funcție recursivă parcurge fiecare obiect din arborele parsat și îl reconstruiește cu Object.keys(...).sort() înainte de serializare — array-urile sunt lăsate în ordinea lor originală.
- 4Vizualizare interactivă în arboreVizualizarea în arbore este o aplatizare recursivă scrisă manual care convertește obiectul parsat într-o listă plată de noduri cu adâncime, cale, și stare extins/colapsat. Randarea este limitată la 5.000 de noduri vizibile pentru a preveni blocarea filei pe documente de multe megabytes cu array-uri mari extinse.
Totul rulează local în browser-ul tău — JSON-ul tău nu este niciodată trimis către niciun server.
Instrumente similare
Minificator & Înfrumusețător CSS
Minifică CSS pentru a reduce dimensiunea fișierului sau înfrumusețează CSS-ul minificat pentru lizibilitate. Instant, în browser.
Înfrumusețător CSS
Formatează CSS minimizat cu indentare consecventă sau minimizează-l. Sortare alfabetică opțională a proprietăților pentru diferențe previzibile.
Înfrumusețător & Minificator HTML
Formatează frumos sau minifică HTML cu indentare corespunzătoare a imbricării. Păstrează conținutul din blocurile <pre>, <script>, <style>.