Formateador JSON

Formatea, valida y explora JSON en tu navegador: sangría de 2 o 4 espacios, orden de claves, vista de árbol, JSONPath y la línea y columna exactas del error.

Esperando entrada

¿Qué es un formateador JSON?

Un formateador JSON convierte un JSON comprimido o desordenado en un documento legible con una sangría uniforme. También valida los datos mientras los analiza, así que una coma de más o una clave entre comillas simples se reportan en lugar de aceptarse en silencio.

Se usa al depurar la respuesta de una API, revisar un archivo de configuración o pegar una carga minificada imposible de leer a mano. Todo ocurre dentro de la pestaña del navegador, así que los datos privados no salen de tu dispositivo.

Cómo formatear y validar JSON

  1. Pega tu JSON en el editor de la izquierda o arrastra un archivo .json al panel de entrada.
  2. El espacio de trabajo analiza mientras escribes: la barra de estado muestra la línea, la columna y el error cuando algo está mal formado.
  3. Elige una pestaña de capacidad (Formatear, Minificar, Validar, Árbol, JSONPath, Convertir, Esquema, JWT) para cambiar la herramienta a esa tarea.
  4. Pulsa Formatear para volver a sangrar el documento, o Minificar para quitar todo el espacio que no aporta significado.
  5. Copia el resultado, descárgalo como archivo o envíalo a un conversor relacionado como JSON a YAML o CSV.

Ejemplos de formato JSON

La misma carga antes y después de formatearla, y cómo queda al minificarla.

Impresión bonita con 2 espacios

{"id":7,"tags":["a","b"],"meta":{"ok":true}}
{
  "id": 7,
  "tags": [
    "a",
    "b"
  ],
  "meta": {
    "ok": true
  }
}

Comprimir una carga

{
  "id": 7,
  "tags": ["a", "b"]
}
{"id":7,"tags":["a","b"]}

Herramienta JSON del navegador frente a otras opciones

CriterioEste espacio JSONIDE de escritoriocURL + jq
InstalaciónAbres una pestaña, no instalas nadaInstalar y configurar un editorInstalar jq y pasar los datos por tubería
PrivacidadLa carga se queda en el navegadorLocal, pero los archivos tocan el discoLocal, aunque el historial de la terminal puede registrarlo
Informe de erroresLínea y columna mientras escribesDiagnósticos del editorUn error a la vez
ExtrasÁrbol, JSONPath, esquema y conversoresDepende de los pluginsBanderas por comando
Mejor paraInspección y uso rápidoRefactorizaciones largasFlujos con scripts
Preguntas frecuentes

Preguntas frecuentes y especificaciones

¿Es seguro pegar aquí mi JSON?

Sí. El editor, la vista de árbol, JSONPath, la conversión y la generación de esquemas se ejecutan dentro de tu pestaña, así que el payload no se sube a ningún servidor ni sale de tu dispositivo.

¿Qué diferencia hay entre un formateador y un validador de JSON?

El formateador cambia el espacio en blanco para que el documento se lea; el validador decide si el documento es JSON legal. Esta página parsea mientras escribes y hace las dos cosas, y la página del validador de JSON es la versión centrada solo en la comprobación.

¿Cómo formateo JSON en JavaScript?

JSON.stringify(valor, null, 2) devuelve el mismo formato de dos espacios, y si pasas 4 en lugar de 2 obtienes cuatro espacios. Llamar a JSON.stringify(valor) sin el tercer argumento produce la versión minificada.

¿El formato cambia mis datos?

No. Solo se mueve el espacio en blanco: las claves, los valores y su orden se conservan. La única excepción es «Ordenar claves», que reordena alfabéticamente las claves de los objetos para que los diffs entre dos payloads sean estables.

¿Necesito una extensión de Chrome para formatear JSON?

No. Una extensión es cómoda porque formatea automáticamente cada respuesta JSON que abres, pero necesita permiso para leer las páginas que visitas y hay que mantenerla actualizada. Esta página funciona en cualquier navegador desde una pestaña, sin instalar nada.

¿Cómo mantengo el orden original de las claves?

Deja «Ordenar claves» desactivado y limítate a embellecer el documento: conserva exactamente el orden en que llegaron las claves.

¿Por qué mi JSON no se puede parsear?

Las causas habituales son una coma final, una clave entre comillas simples, un carácter de control sin escapar dentro de una cadena o un comentario. La barra de estado señala la línea y la columna del primer problema.

Formateador JSON

  • La validación es continua: los errores de sintaxis se marcan con línea y columna.
  • Usa 2 espacios para depurar y 4 espacios para documentación.
  • Ordenar las claves facilita los diffs, pero cambia el orden de los campos.
  • Todo se ejecuta en local: los datos nunca salen de tu navegador.
  • En JavaScript, JSON.stringify(valor, null, 2) da el mismo formato.

Todas las Herramientas