Vés al contingut principal

Formatador JSON de franc

Formata, valida, minimitza i explora dades JSON. Vista d'arbre, ressaltat de sintaxi i còpia amb un sol clic.

Funciona sense connexió un cop carregat

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.

  1. 1
    Anàlisi en directe a l'entrada
    JSON.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.
  2. 2
    Detecció d'enters insegurs
    Abans 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.
  3. 3
    Formatatge, minificació i ordenació de claus
    JSON.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.
  4. 4
    Vista d'arbre interactiva
    La 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

Preguntes freqüents