Formateador JSON

Formatea, comprime, valida y explora datos JSON

Formateador JSON
Entrada0 caracteres / 0 líneas
Introduce JSON y haz clic en Formatear
Esperando entradaLíneas: 0Caracteres: 0

Guía de la herramienta

Acerca de Formateador JSON

Un JSON Formatter convierte JSON comprimido, desordenado o copiado de logs en una estructura anidada legible y ayuda a ubicar la línea que rompe el parseo.

Esta herramienta formatea, minifica, valida y permite inspeccionar JSON como árbol dentro del navegador, útil para respuestas de API, archivos de configuración y payloads de depuración.

Cómo usar el JSON Formatter

  1. Pega el JSON en el área de entrada o carga el ejemplo para ver la forma esperada.
  2. Pulsa Format para expandir un payload de una línea, o Minify para quitar espacios antes de transportarlo.
  3. Si falla el parseo, empieza por la línea y columna indicadas y revisa comas, comillas y corchetes.
  4. Copia el resultado o cambia a la vista de árbol para revisar campos muy anidados.

Cuándo usarlo

  • Expandir una respuesta de API de una línea mientras depuras integración interfaz web o servidor.
  • Revisar package.json, manifest o payloads mock antes de hacer commit.
  • Minificar un body de solicitud sin cambiar por accidente el contenido de strings.
  • Formatear JSON escapado desde logs de producción y compararlo con Text Diff.

Sintaxis JSON y errores comunes

JSON estándar permite objetos, arrays, strings con comillas dobles, números, booleanos y null. Muchos fallos vienen de sintaxis parecida a JavaScript que JSON no acepta.

  • Coma final: el último elemento de un objeto o array no puede tener una coma extra.
  • Comillas simples: strings y claves deben usar comillas dobles.
  • Claves sin comillas: {name:"dev"} es un objeto JavaScript, no JSON.
  • Comentarios: JSON estándar no soporta // ni /* */; elimínalos o usa JSON5.

Preguntas frecuentes sobre Formateador JSON

¿Mi JSON se sube a algún servidor?
No. El formateo, minificación, validación y árbol se ejecutan localmente en tu navegador; el contenido no se sube a wetool.site.
¿Cuál es la diferencia entre Format y Minify?
Format añade indentación y saltos de línea para leer. Minify elimina espacios innecesarios para transporte o campos de una línea.
¿Por qué dice que mi JSON no es válido?
Suele ser por coma final, comillas simples, claves sin comillas, corchetes desparejados o texto extra copiado del log.
¿Puede manejar JSON grande?
Sí. El trabajo pesado de parseo se mantiene en un Web Worker cuando es posible para no congelar la interfaz.
¿Soporta JSON5 o comentarios?
Valida JSON estándar. Convierte comentarios, comillas simples o comas finales antes de parsear.

Por qué usar un JSON Formatter en el navegador

JSON puede contener datos internos de API, tokens, logs o registros de usuarios. Procesarlo localmente reduce el riesgo de pegar payloads sensibles en un servidor externo.

Checklist strict JSON vs JSON5

Muchos inputs donde “JSON prettify failed” son en realidad objetos JavaScript o JSON5. APIs, config y logs en producción suelen esperar strict JSON.

  • Cambia strings con comillas simples a comillas dobles y pon comillas en cada object key.
  • Elimina trailing commas, comentarios // y comentarios /* */ antes de usar un strict JSON parser.
  • NaN, Infinity, undefined, Date objects y functions no son valid JSON values; conviértelos primero a strings, numbers, booleans, null, arrays u objects.

Checklist para depurar JSON grande

Las respuestas API grandes y log payloads necesitan algo más que prettify: también evitar bloqueos del navegador y cambios accidentales.

  • Formatea primero y luego busca field names; es más fiable que buscar nested paths dentro de JSON en una línea.
  • Antes de comparar dos responses, formatea ambas con la misma indentación para que el diff no lo dominen espacios o estructura minificada.
  • Si el JSON viene de logs, elimina timestamps, niveles, wrappers escapados y texto alrededor, dejando solo el fragmento JSON real.