Formateador / Visor JSON
Ingresa una cadena JSON para validarla y verla organizada como un árbol con sangría y resaltado de sintaxis. Tu entrada nunca se envía a un servidor — todo ocurre en tu navegador.
Consejo. Cuando dejas de escribir, la entrada se valida y, si es válida, la vista cambia automáticamente a la pestaña "Salida". El punto en la pestaña Salida muestra el estado de validez actual. Los botones ▾/▸ para colapsar/expandir objetos y arreglos están junto a los números de línea (margen izquierdo) para facilitar el clic. El cuadro de búsqueda recibe el foco automáticamente cuando se abre la pestaña Salida, y puedes elegir un modo de búsqueda (Contiene/Exacto/Regex) para encontrar claves y valores como quieras. Los números de línea en la salida se renumeran para coincidir solo con las líneas visibles, así puedes seguir ubicándote aunque partes de la estructura estén colapsadas. El panel de entrada tiene el mismo tipo de búsqueda (Contiene/Exacto/Regex) para que puedas localizar y resaltar texto directamente en la entrada original. Presiona Enter (siguiente) / Shift+Enter (anterior) para moverte entre coincidencias. Aunque falten algunas comillas (") alrededor de claves o valores de cadena, hacemos lo posible por reconocer el texto como JSON de todos modos.
Cómo usar esta herramienta
- Pega una cadena JSON en el cuadro de entrada de la izquierda y se valida automáticamente, mostrando el resultado al instante.
- Si el JSON no es válido, obtendrás una línea/columna aproximada de dónde está el problema.
- Hacer clic en "Formatear" también reformatea el contenido del cuadro de entrada usando el tamaño de sangría seleccionado.
- Cuando la salida es larga, usa "Colapsar todo" para obtener una vista general de la estructura primero, luego expande solo los nodos que necesitas con los botones ▾/▸ junto a los números de línea.
- Todo ocurre en tu navegador — los datos que ingresas nunca se envían a un servidor.
- Aunque falten comillas alrededor de algunas claves o valores de cadena, hacemos lo posible por autocorregirlas y reconocerlas. En ese caso la insignia de estado muestra "Corregido", y las líneas corregidas se resaltan en los números de línea del panel de entrada.
- Una vez que tu entrada se confirma válida (o corregida), la vista cambia automáticamente a la pestaña "Salida" y el foco se mueve al cuadro de búsqueda para que puedas empezar a escribir de inmediato.
- Elige un modo de búsqueda: "Contiene" (coincidencia parcial), "Exacto" (coincidencia exacta), o "Regex" (expresión regular).
- El panel de entrada tiene la misma función de búsqueda (Contiene/Exacto/Regex, navegación anterior/siguiente, resaltado) para que puedas buscar directamente en el texto original.
Consejos relacionados
- Usa "Copiar minificado" en lugar de "Copiar" cuando necesites un payload compacto para una solicitud de API o un valor de configuración — sin espacios ni saltos de línea extra.
- Cambia el tamaño de sangría a Tab si la guía de estilo de tu proyecto requiere tabs en lugar de espacios.
- El modo de búsqueda Regex puede coincidir con un patrón en cada clave o valor a la vez — útil para auditar IDs, fechas o correos en un documento grande.
- Para JSON profundamente anidado, haz clic primero en "Colapsar todo" para ver la forma general, luego expande solo la rama que realmente necesitas inspeccionar.