Saltar al contenido principal

Formateador JSON gratis

Formatea, valida, minifica y explora datos JSON. Vista de árbol, resaltado de sintaxis y copia con un clic.

Funciona sin conexión una vez cargado

Usos habituales

  • Formatea respuestas de APIPega respuestas JSON de API sin procesar e instantáneamente formatea en salida legible e indentada.
  • Formatea archivos de configuración JSONLimpia y valida archivos de configuración JSON — package.json, tsconfig.json, configuración y más.
  • Formatea JSON para depuraciónDesenreda JSON minificado o escapado en registros, cargas de error y salidas de base de datos al instante.
  • Formatea archivos de traducción JSONValida y embellece archivos JSON de traducción i18n (en.json, de.json) usados en aplicaciones React, Vue y Next.js.
  • Inspecciona y formatea cargas de WebhookPega cargas de webhook sin procesar de Stripe, GitHub o Shopify y léelas claramente formateadas.

Cómo funciona

El formateador se ejecuta enteramente en tu navegador usando el JSON.parse y JSON.stringify integrados de JavaScript: sin biblioteca, sin servidor. Analizar, formatear, minificar y la vista de árbol interactiva ocurren todos localmente mientras escribes.

  1. 1
    Análisis en vivo con la entrada
    JSON.parse se ejecuta 200 ms después de tu última pulsación. Si el análisis falla, una función de localización de errores escrita a mano lee el mensaje SyntaxError de V8 o Firefox, extrae el número de línea y columna, y ofrece un enlace de salto al error en el área de texto.
  2. 2
    Detección de enteros inseguros
    Antes de mostrar la salida, la herramienta escanea la fuente en bruto en busca de literales enteros de 16 o más dígitos (ignorando los que están dentro de cadenas entre comillas), y luego prueba cada uno con Number.isSafeInteger. Si alguno se redondearía silenciosamente por el almacenamiento de doble precisión IEEE-754, aparece una advertencia antes de que copies o descargues.
  3. 3
    Formato, minificación y ordenación de claves
    JSON.stringify(value, null, indent) produce la salida formateada o minificada. Cuando ordenar claves está activado, una función recursiva recorre cada objeto en el árbol analizado y lo reconstruye con Object.keys(...).sort() antes de la serialización; los arreglos se dejan en su orden original.
  4. 4
    Vista de árbol interactiva
    La vista de árbol es un aplanamiento recursivo escrito a mano que convierte el objeto analizado en una lista plana de nodos con profundidad, ruta y estado de expandir/colapsar. El renderizado se limita a 5.000 nodos visibles para evitar que la pestaña se congele en documentos de varios megabytes con arreglos grandes expandidos.

Todo se ejecuta localmente en tu navegador: tu JSON nunca se envía a ningún servidor.

Herramientas relacionadas

Preguntas frecuentes