Formateador JSON

Esta página es la guía canónica para validar, embellecer, minificar y explorar JSON en el navegador con DevUtilities. Use el editor de arriba mientras lee o salte a un tema abajo. El análisis permanece en su dispositivo — los payloads nunca se suben.

JSON Formatter es un taller del lado del cliente para JSON estricto ECMA-404: validar sintaxis, embellecer para humanos, minificar para transporte, explorar árboles anidados y saltar al primer error de parseo.

Qué obtiene

• Validación instantánea con salto a línea/carácter del primer error de sintaxis
• Modos Beautify (con sangría) y Minify (una línea)
• Vista de árbol para objetos y arrays anidados con búsqueda/filtro
• Copiar, descargar, instantáneas de historial en localStorage y canalizar a herramientas hermanas
• Ejecución 100 % en el navegador — seguro para payloads de API y secretos propietarios

Use esta herramienta cuando

• Una respuesta de API o cuerpo de webhook no parsea y necesita el desplazamiento exacto
• Debe limpiar JSON de config desordenado antes de commit o despliegue
• Quiere un payload compacto de una línea para cabeceras, query params o colas de mensajes
• Necesita explorar anidamiento profundo sin desplazarse por un muro de texto

Prefiera una herramienta hermana cuando

• Necesita conversión YAML ↔ JSON → YAML ↔ JSON
• Necesita exportación tabular → JSON to CSV
• Necesita arrays mock sintéticos → JSON Generator
• Necesita lint OpenAPI antes de codegen → OpenAPI Validator

Elija un modo según el siguiente consumidor del payload — humanos, máquinas o ambos.

Cómo ayuda esta herramienta

1. Pegue JSON crudo, suba un archivo .json o cargue una instantánea reciente de localStorage.
2. Lea el banner de validación — si es inválido, haga clic en la línea de error para saltar al carácter problemático.
3. Elija Beautify para sangría legible o Minify para una sola línea lista para producción.
4. Active la vista de árbol para expandir objetos/arrays anidados; use la barra de búsqueda para filtrar claves.
5. Copie la salida, descargue un archivo o canalice a JSON to CSV, YAML ↔ JSON o Text Diff.
6. Borre o sobrescriba instantáneas del historial cuando ya no necesite copias locales de payloads sensibles.

Una API de socio devuelve 200 con un cuerpo que su cliente rechaza como JSON inválido. Los logs muestran un payload truncado o editado a mano.

Cómo ayuda esta herramienta

1. Pegue el cuerpo de respuesta crudo en el editor de entrada (no lo embellezca en la terminal primero si necesita los bytes exactos).
2. Use el banner de error para saltar al primer carácter ilegal — a menudo coma final, comillas simples o cadena truncada.
3. Embellezca una vez válido para que objetos y arrays de error anidados sean legibles.
4. Copie el JSON limpio en un fixture o adjunto de ticket para el propietario de la API.

Resultado: aísla el fallo de parseo en segundos sin subir tráfico de producción a un formateador de terceros.

Un archivo JSON compartido de appsettings / feature flags acumuló comentarios, comas finales e indentación inconsistente tras ediciones manuales.

Cómo ayuda esta herramienta

1. Pegue la config y corrija cada error de parseo hasta que la validación esté en verde.
2. Embellezca con indentación consistente antes de abrir un PR.
3. Opcionalmente minifique una copia para entornos que esperan blobs de config compactos.
4. Canalice a Text Diff contra la revisión anterior si necesita una revisión línea a línea.

Resultado: aísla el fallo de parseo en segundos sin subir tráfico de producción a un formateador de terceros.

Necesita incrustar un conjunto de claims JSON, cuerpo de webhook o mensaje de cola en un transporte de una línea sin cambiar valores.

Cómo ayuda esta herramienta

1. Valide el objeto fuente para que minify no oculte un error de sintaxis.
2. Haga clic en Minify para eliminar espacios insignificantes.
3. Copie la línea única en la cabecera, variable de entorno o cuerpo del mensaje.
4. Mantenga una copia embellecida en el historial local si necesita reeditar después.

Resultado: aísla el fallo de parseo en segundos sin subir tráfico de producción a un formateador de terceros.

JSON estricto no es JavaScript. Use esta tabla compacta cuando el analizador rechace entrada que «se ve bien» en una consola JS.

El banner muestra "JSON no válido: no se pudo analizar la entrada." cuando el texto viola ECMA-404.

Por qué ocurre

El analizador se detiene en la primera violación de sintaxis: corchetes desparejados, cadenas con comillas simples, comas finales, claves sin comillas, comentarios o literales no JSON.

Diagnóstico

Haga clic en la línea de error del banner para saltar al carácter problemático. Compare ese punto con la tabla de trampas de sintaxis — la mayoría de fallos son una de esas seis filas.

Correcciones

1. Reemplace comillas simples por dobles en cadenas y claves.
2. Elimine comas finales antes de ] y }.
3. Ponga comillas a cada clave de objeto; elimine identificadores estilo JavaScript.
4. Elimine comentarios // y /* */; convierta undefined/NaN a null u omita la propiedad.
5. Equilibre corchetes y llaves; repare cadenas truncadas por cortes de log.

Tras corregir el primer error, revalide — puede aparecer un segundo error más abajo en el documento.

No hay límite de tamaño de archivo en el servidor. Documentos de varios megabytes (20–30 MB+) se analizan localmente si el navegador tiene memoria suficiente para el lienzo del editor.

• Prefiera Minify cuando solo necesite validación — texto DOM más pequeño puede sentirse más ágil que un árbol totalmente embellecido.
• Use vista de árbol + búsqueda en lugar de embellecer todo el documento cuando solo necesite una ruta anidada.
• Archivos muy grandes pueden ralentizar el hilo principal; divida por clave de nivel superior offline si la UI se vuelve lenta.
• Las instantáneas de historial también consumen cuota de localStorage — borre entradas antiguas tras sesiones de pegado grandes.

Tras la validación, canalice la salida a otras herramientas DevUtilities sin volver a copiar por una tercera app.

• JSON to CSV — cuando la raíz es un array de objetos homogéneos
• YAML ↔ JSON — para manifiestos Kubernetes/CI que necesitan exportación YAML
• Text Diff — para comparar dos revisiones del mismo payload
• JSON Generator — para diseñar un schema mock y luego formatear la muestra aquí
• LLM Token Counter — para medir el coste en tokens de schemas de herramientas tras minify

Toda validación, embellecido, minificado, ayudas de codificación URL, exploración en árbol y comparación diff se ejecutan en memoria local del navegador.

• Ninguna entrada se envía, almacena o registra en un servidor externo.
• El historial opcional usa localStorage solo en su dispositivo.
• Seguro para payloads de API propietarios, secretos de configuración y volcados de producción — aun así evite dejar secretos en perfiles de navegador compartidos.
• Use una ventana privada o borre localStorage al terminar sesiones sensibles.

• Valide antes de minificar para no enviar una cadena compacta inválida.
• Embellezca para humanos, minifique para máquinas — conserve ambas copias al depurar problemas de transporte.
• Trate los literales de objeto JavaScript como otro lenguaje; convierta deliberadamente.
• Salte al primer error, corrija, revalide — no busque a ciegas en un pegado de 10k líneas.
• Canalice JSON limpio a la siguiente herramienta en lugar de volver a pegar por chat o email.
• Borre el historial local tras trabajar con secretos de producción.