Formateador y validador JSON

¿Qué es un formateador de JSON?#

Un formateador de JSON toma un bloque denso —del tipo que un servidor vuelca en una sola línea, o que un bundler emite ya minificado— y lo reescribe con una sangría uniforme para que cualquier persona pueda leerlo. Parece trivial, pero un formateador suele ser la primera herramienta que buscas cuando una petición falla, cuando un archivo de configuración tiene una errata o cuando dos payloads parecen idénticos pero se comportan de forma distinta.

Esta página cumple tres funciones relacionadas en un solo lugar: embellece (añade sangría y saltos de línea), valida (te dice si el texto es JSON legal) y minifica (elimina cada byte de espacio en blanco para obtener el payload más pequeño posible). Cuando la validación falla, la barra de estado no se limita a decir «error»: indica la fila y la columna exactas, y eso suele marcar la diferencia entre arreglarlo en cinco segundos o pasarte veinte minutos mirando la pantalla.

Cómo usarlo#

1. Pega tu JSON en el panel de Entrada a la izquierda. También puedes pulsar Ejemplo para cargar un caso sencillo si solo quieres ver cómo se comporta.
2. Elige un estilo de Sangría en la barra de herramientas: 2 espacios, 4 espacios o tabulador. Dos espacios es la convención más habitual; el tabulador resulta práctico si vas a pegar el resultado en un editor que ya lo usa.
3. Decide qué más quieres hacer:
   • Formatear: embellece con la sangría elegida.
   • Minificar: colapsa todo a una sola línea, sin espacios. Ideal antes de pegarlo en el cuerpo de una petición.
   • Validar: comprueba la sintaxis sin tocar el texto; útil cuando solo necesitas un sí o un no.
4. Marca Ordenar claves si quieres que las propiedades de los objetos se emitan en orden alfabético. Es sorprendentemente útil al comparar dos respuestas de versiones distintas de una API: con las claves ordenadas, las únicas diferencias que quedan son las que de verdad importan.
5. Marca Permitir comas finales para una variante más permisiva y cómoda de leer (una coma detrás del último elemento). Ten en cuenta que los analizadores estrictos la rechazarán: actívala solo para lectura local.
6. Lee el resultado en el panel de Salida. La barra de estado inferior indica JSON válido o la ubicación exacta del error (fila:col — mensaje). Pulsa Copiar para llevarte la salida.

Características principales#

• Analizador nativo estricto. Construido sobre la propia implementación JSON del navegador, de modo que lo que pasa aquí es lo que pasará en tiempo de ejecución. Sin dialectos propios, sin sorpresas.
• Localización precisa de errores. Una coma final, una clave sin comillas, un corchete que falta: cada uno se notifica con su fila y su columna, y no con un genérico «error de análisis».
• Tres estilos de sangría. 2 espacios, 4 espacios o tabulador.
• Ordenación de claves y coma final opcionales. Actívalos o desactívalos en cada tarea sin tener que volver a pegar el texto.
• 100 % del lado del cliente. El texto que pegas lo procesa la página dentro de tu navegador. Nunca se sube: no hay backend al que subirlo.
• Conteo de caracteres en vivo. Ambos paneles muestran su tamaño, lo cual ayuda cuando intentas quitarle bytes a un payload.

Ejemplo detallado#

Imagina que un endpoint de configuración devuelve este bloque minificado y necesitas localizar una clave mal nombrada:

Entrada (minificada, una línea):

{"server":"api.example.com","port":443,"retry":{"count":3,"backoffMs":[100,400,1600]},"tags":["prod","primary"]}

Pulsa Formatear con sangría de 2 espacios y Ordenar claves activado:

{
  "port": 443,
  "retry": {
    "backoffMs": [
      100,
      400,
      1600
    ],
    "count": 3
  },
  "server": "api.example.com",
  "tags": [
    "prod",
    "primary"
  ]
}

Con las claves ordenadas, backoffMs queda al lado de count, y de un vistazo se aprecia la forma exponencial (100, 400, 1600) que permanecía oculta en la versión de una sola línea. Fíjate en que tags sigue siendo ["prod","primary"]: Ordenar claves reordena únicamente las propiedades de los objetos; nunca toca los elementos de los arrays, así que el orden en que los pusiste es exactamente el orden que recuperas.

Preguntas frecuentes#

¿Esto sube mis datos?#

No. El análisis lo realiza la API JSON integrada del navegador dentro de esta página. No hay endpoint de servidor ni petición de red: tu entrada se queda en tu dispositivo.

La barra de estado dice que mi JSON no es válido, pero parece correcto. ¿Qué hago?#

Comprueba la fila y la columna indicadas. Las cuatro causas más habituales son: una coma final antes de cerrar un } o ], comillas simples alrededor de cadenas (JSON exige comillas dobles), una clave de objeto sin comillas y un tabulador literal o un carácter de control pegado desde otro editor. El número de columna señala al culpable exacto.

¿Qué hace exactamente «Ordenar claves»?#

Vuelve a emitir las propiedades de cada objeto en orden alfabético (orden ASCII, sensible a mayúsculas y minúsculas). Los arrays conservan su orden original: ordenar claves nunca reordena los elementos de un array, porque el orden de un array tiene significado semántico.

¿Puede gestionar archivos muy grandes?#

Sí, hasta el límite de memoria del navegador. Para archivos de más de unos pocos megabytes, espera que el formateo tarde un momento apreciable; la barra de estado muestra el conteo de caracteres para que puedas calibrar el tamaño. Esta página no hace streaming, así que entradas extremadamente grandes (cientos de MB) pondrán a prueba la pestaña.