Formatador JSON de franc
Formata, valida, minimitza i explora dades JSON. Vista d'arbre, ressaltat de sintaxi i còpia amb un sol clic.
Usos habituals
- Formateig de respostes APIEnganxeu respostes JSON d'API en brut i formateig instantani a sortida llegible i sagnada.
- Formateig de fitxers de configuració JSONNetegin i validen fitxers de configuració JSON: package.json, tsconfig.json, configuracions i altres.
- Formateig JSON per a depuracióResolgueu instantàniament registres JSON minificats o escapats, carregues de error i sortides de base de dades.
- Formateig de fitxers de traducció JSONValideu i formateig preciós fitxers de traducció JSON i18n (en.json, de.json) utilitzats a aplicacions React, Vue i Next.js.
- Inspeccioneu i formateig Webhook payloadsEnganxeu carregues de webhook brut de Stripe, GitHub o Shopify i llegiu-les clarament formateades.
Com funciona
El formatador s'executa completament al teu navegador utilitzant el JSON.parse i JSON.stringify integrats de JavaScript — sense biblioteca, sense servidor. L'anàlisi, el format, la minificació i la vista d'arbre interactiva passen tots localment mentre escrius.
- 1Anàlisi en directe a l'entradaJSON.parse s'executa 200 ms després de la teva última pulsació. Si l'anàlisi falla, una funció de localització d'errors escrita a mà llegeix el missatge SyntaxError de V8 o Firefox, extreu el número de línia i columna, i ofereix un enllaç de salt a l'error a l'àrea de text.
- 2Detecció d'enters insegursAbans de mostrar la sortida, l'eina escaneja la font en brut per a literals d'enter de 16 o més dígits (ignorant els que estan dins de cadenes entre cometes), i després prova cadascun amb Number.isSafeInteger. Si algun s'arrodoniria silenciosament per l'emmagatzematge de doble precisió IEEE-754, apareix un avís abans que copiïs o descarreguis.
- 3Formatatge, minificació i ordenació de clausJSON.stringify(valor, null, sagnat) produeix la sortida formatada o minificada. Quan ordenar claus està activat, una funció recursiva recorre cada objecte de l'arbre analitzat i el reconstrueix amb Object.keys(...).sort() abans de la serialització — les matrius es deixen en el seu ordre original.
- 4Vista d'arbre interactivaLa vista d'arbre és un aplanament recursiu escrit a mà que converteix l'objecte analitzat en una llista plana de nodes amb profunditat, camí i estat d'expansió/col·lapse. La renderització es limita a 5.000 nodes visibles per evitar que la pestanya es congeli en documents de diversos megabytes amb matrius expandides grans.
Tot passa localment al teu navegador — el teu JSON mai s'envia a cap servidor.
Eines relacionades
Minificador i embellidor de CSS
Minifica CSS per reduir la mida del fitxer o embelleix CSS minificat per a la seva llegibilitat. Instantani, al teu navegador.
Embellidor de CSS
Formata CSS minimitzat amb una sagnia coherent, o minimitza’l. Ordenació alfabètica opcional de les propietats per obtenir diferències previsibles.
Embellidor i minificador d'HTML
Formata o minifica HTML amb sagnat d'imbricació adequat. Preserva el contingut dins de blocs <pre>, <script>, <style>.