Formateador y Visor JSON
Pega JSON y se embellece en el acto. Haz clic en cualquier campo para inspeccionar su valor completo y ruta a la derecha; los errores de sintaxis se localizan por línea y columna. Todo se ejecuta localmente en tu navegador.
- Sangría
- 2/4 espacios · tabulador
- Extras
- Inspeccionar · ordenar · estadísticas
- Privacidad
- No se sube nada
- Uso
- Gratis · sin registro
POR QUÉ ES IMPORTANTE
Hecho para quienes leen JSON a diario
Respuestas de API, archivos de configuración, cargas de registros — el JSON sin procesar llega como una línea densa. Hazlo legible, encuentra la coma rota y luego vuelve a configurarlo como necesites.
Embellecer y minificar
Un clic cambia entre un árbol legible por humanos y una línea compacta. Elige 2 espacios, 4 espacios o una tabulación para coincidir con el estilo de tu código.
Errores localizados por fila y columna
Un JSON inválido reporta la posición exacta — F12 : C34 — en lugar de un mensaje críptico del analizador, así puedes ir directamente a la coma faltante o la comilla sobrante.
Ordenamiento recursivo de llaves
Ordena las llaves de los objetos alfabéticamente en cada profundidad mientras los arrays mantienen su orden. Ideal para comparar configuraciones y estabilizar fixtures entre confirmaciones.
Escapar / desescapar literales
Convierte JSON en un literal de cadena escapado para incrustarlo en código o archivos env, y desenvuelve un literal entre comillas de nuevo en JSON sin procesar para inspeccionarlo.
Haz clic en cualquier campo para verlo completo
Haz clic en un campo del editor y se abre un panel lateral con su valor completo, tipo y ruta JSON — incluidos objetos y arrays anidados, para que no tengas que contar corchetes a ojo nunca más.
Funciona completamente en local
JSON nunca sale de tu navegador, la herramienta funciona sin conexión y no se realiza ninguna solicitud mientras la entrada esté vacía.
Cómo funciona
Cambia la sangría entre 2 espacios, 4 espacios y tabuladores. Minifícalo en una sola línea al enviar a una máquina, ordena las claves de los objetos de forma recursiva cuando necesites un orden estable, o escapa toda la carga útil a un literal de cadena — y desescapa un literal citado copiado de una línea de registro.
Haz clic en cualquier campo para inspeccionar su valor completo en un panel lateral, y las claves, elementos de array y la profundidad de anidación se actualizan a medida que escribes. Mantén varios documentos abiertos en una página y compáralos de un vistazo; cada uno tiene su propio editor. Todo se ejecuta localmente en tu navegador y nada se carga.
Más herramientas JSON
Herramientas de terceros seleccionadas según su función —no las duplicamos aquí, así que acude a ellas cuando necesites una.
| Herramienta | Función | Qué hace |
|---|---|---|
| JSON Editor Online | Editar y validar | Paneles de texto y árbol vinculados, reestructuración con arrastrar y soltar, además de comparación, validación de esquemas y consultas. |
| JSON Crack | Visualizar | Convierte JSON en un gráfico de nodos interactivo para entender anidaciones profundas o crear una demostración rápida. |
| JSON Visio | Visualizar | Otro visor de gráficos con una interfaz de usuario más ligera —elige la que te resulte más natural de las dos. |
| Diffchecker | Comparar | Compara dos textos uno al lado del otro o en vista unificada y salta directamente a las líneas insertadas, eliminadas o modificadas. |
| JSONPath | Consulta | Ejecuta expresiones JSONPath en línea y extrae exactamente los campos que necesites mediante su ruta. |
| JSONata | Consulta y transformación | Un lenguaje de consulta y transformación para JSON, con un entorno de pruebas en línea y ejemplos. |
| quicktype | Generación de tipos | Genera definiciones de tipos TypeScript, Swift, Go y otros lenguajes a partir de JSON. |
| JSON Generator | Datos de prueba | Genera datos de prueba estructurados a partir de plantillas, ideal para casos de prueba de APIs. |
Los detalles del formato JSON
JSON parece sencillo pero tiene un puñado de reglas estrictas: conocerlas te ahorra una vuelta cada vez que un analizador rechace tu carga útil.
¿Qué se considera JSON válido?
JSON define seis tipos de valores: objeto, array, cadena, número, booleano y null. Las claves deben ser cadenas entre comillas dobles, no hay coma final y no se permiten comentarios.
Extras de JavaScript como comillas simples, undefined, NaN, Infinity y comas finales fallan en un analizador estricto — que es precisamente lo que esta herramienta marca.
¿En qué se diferencia la visualización del formateado?
El formateado cambia el diseño del texto: sangría, saltos de línea y minificación. La visualización deja el documento intacto — cuando haces clic en un campo, su valor completo, tipo y ruta JSON aparecen en un panel lateral.
Los objetos profundamente anidados son difíciles de leer solo con corchetes, por lo que hacer clic en un campo te permite confirmar exactamente lo que contiene — especialmente útil con respuestas de API y cargas útiles de registro.
¿Por qué cambia el orden de mis claves después del formateado?
La especificación JSON trata los objetos como pares de clave-valor no ordenados, y los analizadores (parsers) pueden reordenarlos libremente. En la práctica, V8 (Chrome / Node) mantiene el orden de inserción para las claves de tipo cadena, pero las claves similares a enteros ("1", "42") siempre se ordenan numéricamente primero.
Activa "Ordenar claves de objetos" si necesitas un orden estable, alfabético, que se mantenga en cualquier analizador — útil para comparar diferencias (diff) en configuraciones.
¿Qué tamaño de número puede almacenar JSON?
JSON en sí mismo no establece ningún límite, pero JavaScript interpreta todos los números como un doble IEEE-754. Los enteros mayores de ±2^53 (unos 9 cuatrillones) pierden precisión: 9007199254740993 se convierte en 9007199254740992.
Si tu carga útil (payload) contiene identificadores de 64 bits o marcas de tiempo en nanosegundos, mantenlos como cadenas; esta herramienta no los corromperá, pero cualquier cosa que pegues en código JS sí lo hará.
¿Cuándo debo minimizar en lugar de formatear?
Formatea para cualquier cosa que un humano lea: revisión de código, depuración, documentación. Minimiza para cualquier cosa que una máquina transmita: cuerpos de API, parámetros de URL, variables de entorno y archivos .env.
Minimizar una carga útil de API típica ahorra entre un 15 y un 30% de bytes sin ningún cambio estructural — es la compresión más económica que existe.
¿Para qué sirve el escape?
El escape envuelve JSON como un literal de cadena: las comillas se convierten en \" y los saltos de línea en \n, de modo que puede ubicarse dentro de otro valor JSON, un comando de shell o una variable de entorno sin romperse.
El Desescape (Unescape) revierte este proceso. Si alguna vez copiaste una carga útil de una línea de registro que se veía así {"a":1}, ese es el formato — pégala aquí y pulsa Desescape.
Preguntas frecuentes
¿Se carga o almacena mi JSON en algún lugar?
No. Todo se ejecuta en tu navegador con JavaScript — ninguna solicitud envía tu JSON a ningún sitio, funciona sin conexión y nada se guarda en el almacenamiento local, por lo que al actualizar la página se borra la entrada.
¿Por qué falla el formateo en mi archivo de configuración?
Lo más probable es que no se trate de JSON estricto: JSONC / JSON5 permiten comentarios y comas al final, YAML se basa en la indentación, y los archivos .env son pares clave=valor. Elimina primero los comentarios y las comas al final, o utiliza un analizador creado para ese formato.
¿Ordenar las claves cambia también los arrays?
No. El orden del array es significativo (primer elemento, segundo elemento…), así que los arrays siempre se mantienen en su sitio. Solo se ordenan alfabéticamente las claves de los objetos —incluidos los objetos anidados dentro de arrays—.
¿Qué significa «Error cerca de L12 : C34»?
Se trata de la línea y la columna indexadas desde 1 donde el analizador se detuvo: línea 12, columna 34. El error real suele estar en ese punto o justo antes: una coma faltante en la línea anterior, una cita sin escapar o una coma final antes de una llave de cierre.
¿Existe un límite de tamaño? ¿Funciona en dispositivos móviles?
No existe un límite estricto —formatear varios megabytes de salida de un registro funciona sin problemas. En dispositivos de gama baja, entradas muy grandes (decenas de MB) pueden causar retrasos, ya que cada pulsación se vuelve a analizar y formatear. El diseño es adaptable; el editor se ajusta al ancho de la pantalla.