Formateo y validación de datos JSON en el navegador
El formato JSON (JavaScript Object Notation) es el estándar más extendido para el intercambio de datos en la web, la configuración de aplicaciones y la comunicación con API. Sin embargo, cuando los datos se transmiten de forma compacta o se generan automáticamente, carecen de saltos de línea y espacios, lo que dificulta su lectura. El Formateador JSON es una herramienta diseñada para estructurar, validar y optimizar estos datos directamente en su navegador.
Esta utilidad permite pegar texto directamente en el área de entrada o cargar archivos locales para aplicar operaciones de formateo con diferentes niveles de sangría, minificación para reducir el tamaño del archivo y ordenación de claves. Además de mejorar la legibilidad, la herramienta analiza la sintaxis en tiempo real para identificar errores estructurales, ofreciendo una representación visual interactiva mediante una vista de árbol.
Métodos de entrada y carga de archivos
La herramienta admite diferentes formas de introducir los datos para adaptarse a cualquier flujo de trabajo:
- Pegar texto directamente: Puede introducir o pegar el código JSON en el área de entrada principal.
- Carga de archivos locales: Es posible abrir archivos con extensión
.jsono.txthaciendo clic en el botón Abrir archivo o arrastrándolos y soltándolos sobre la interfaz. Para que el archivo se procese correctamente, debe cumplir los siguientes requisitos:- Límite de tamaño: No se pueden abrir archivos que superen el límite máximo establecido. Si el archivo excede este tamaño, se mostrará el mensaje El archivo es demasiado grande: el límite es
‹limit›.. - Formato compatible: Solo se admiten archivos
.jsono.txt. En caso de seleccionar otro formato, aparecerá el aviso Tipo de archivo no compatible: elige un archivo.json o.txt.. - Codificación: Los archivos deben estar codificados en UTF-8. Si no es así, la herramienta mostrará el mensaje Este archivo no es texto UTF-8, así que no se puede abrir aquí..
- Errores de lectura: Si ocurre un fallo al acceder al archivo, se mostrará No se pudo leer este archivo. Prueba a elegirlo de nuevo..
- Límite de tamaño: No se pueden abrir archivos que superen el límite máximo establecido. Si el archivo excede este tamaño, se mostrará el mensaje El archivo es demasiado grande: el límite es
Opciones de configuración y procesamiento
Una vez introducidos los datos, dispone de varios parámetros para controlar cómo se procesa y visualiza la información:
- Sintaxis: Junto a la etiqueta Sintaxis, puede elegir entre las opciones "JSON" estándar y "JSONC" (que admite comentarios y comas finales).
- Sangría: Permite seleccionar el nivel de espaciado para la estructuración visual del documento.
- Ordenación de claves: El botón Ordenar claves organiza las claves de los objetos de forma recursiva siguiendo el orden de los puntos de código. El tooltip asociado detalla su comportamiento: Ordena las claves de los objetos de forma recursiva por punto de código. El orden de los arrays nunca cambia.. Tras ejecutar esta acción, se muestra el mensaje Claves ordenadas: el orden de los arrays no cambia. Pulsa Ctrl/Cmd+Z para deshacer..
- Límites de procesamiento: La herramienta tiene un límite máximo de entrada de 10 MiB. Si se supera, se mostrará el aviso La entrada supera
‹limit›, más de lo que esta herramienta puede procesar.. El umbral para el procesamiento síncrono es de 250.000 caracteres. Si el análisis de la estructura requiere demasiado tiempo, el proceso se detendrá y mostrará el mensaje Comprobar este JSON tardó demasiado y se detuvo. Prueba con un documento más pequeño.. Cabe destacar que la herramienta preserva los números enteros grandes sin pérdida de precisión durante todo el procesamiento.
Modos de visualización: Código y Árbol
La herramienta ofrece dos modos de visualización para analizar los datos procesados:
Vista de Código
Muestra el JSON como texto plano estructurado. En la parte inferior se detallan las estadísticas del documento mediante los indicadores Caracteres, Líneas y Tamaño.
Vista de Árbol
Presenta el JSON como una estructura jerárquica interactiva bajo el nodo principal raíz. Esta vista cuenta con las siguientes características y restricciones:
- Validación requerida: Si el JSON contiene errores de sintaxis, la vista de árbol no se generará y mostrará el mensaje Corrige el JSON para verlo como árbol..
- Límites por tamaño: Si el documento es excesivamente grande, se mostrará el aviso Este JSON es demasiado grande para mostrarlo como árbol. o bien Este JSON tiene demasiados valores para mostrarlo como árbol..
- Navegación y expansión: Dispone de los botones Expandir todo y Contraer todo. En documentos extensos, la expansión se limita mostrando el mensaje Este JSON es demasiado grande para expandirlo por completo: se muestran las primeras
‹count›filas., habilitando el botón Mostrar‹count›más…. También puede usar los controles individuales Expandir‹key›y Contraer‹key›. - Búsqueda integrada: Bajo la etiqueta Buscar claves y valores, puede realizar búsquedas de nodos. La coincidencia se indica mediante los contadores
‹current›de‹total›o‹current›de‹total›+ si se supera el límite de coincidencias. Si no hay resultados, se muestra Sin coincidencias. Puede navegar con los botones Coincidencia anterior y Coincidencia siguiente. - Extracción de rutas: Al abrir el menú Opciones de copia para
‹key›, puede seleccionar Copiar valor, Copiar JSON Pointer o Copiar JSONPath para obtener rutas precisas de elementos específicos.
Validación y corrección de errores sintácticos
Cuando el JSON introducido no es válido, la herramienta muestra el estado JSON no válido y localiza el problema indicando la línea ‹line›, columna ‹col› junto con el botón Ir al error.
A diferencia de otros validadores que descartan silenciosamente los valores duplicados, esta herramienta genera un error específico si detecta claves repetidas en un mismo objeto: Clave duplicada ‹key›: elimina una antes de formatear.
Entre los mensajes de error específicos que se pueden identificar se encuentran:
- Falta una coma entre elementos
- Coma de más antes del cierre
- Las claves de objeto deben ir entre comillas dobles
- Faltan dos puntos después de un nombre de propiedad
- A una cadena le falta la comilla de cierre
- El JSON termina antes de tiempo: parece truncado
- Carácter inesperado donde debería haber un valor
- Este JSON tiene demasiados niveles de anidación para procesarlo
Reparación automática de formatos no estándar
La herramienta es capaz de detectar estructuras que no se ajustan al estándar estricto de JSON, ofreciendo diagnósticos y soluciones específicas a través del botón Previsualizar corrección:
| Detección de formato | Mensaje de diagnóstico | Acción de reparación asociada |
|---|---|---|
| Bloque de código Markdown | Esto parece JSON dentro de un bloque de código Markdown. | Al aplicar se conserva solo el JSON del interior del bloque. |
| JSON escapado | Esto parece JSON escapado dentro de una cadena. | Al aplicar se desescapa la cadena y queda JSON normal. |
| Diccionario de Python | Esto parece un diccionario al estilo Python, no JSON. | Al aplicar se reescriben las comillas y True/False/None como JSON. |
| JSON Lines | Esto parece JSON Lines: un valor por línea. | Al aplicar se agrupan las líneas en un único array JSON. |
| Callback JSONP | Esto parece JSON envuelto en una callback JSONP. | Al aplicar se elimina el envoltorio de la callback. |
| Formato JSONC | Esto parece JSONC: comentarios o comas finales. Cambia la sintaxis a JSONC o aplica la corrección. | Al aplicar se eliminan los comentarios y las comas finales. |
Al pulsar Previsualizar corrección, se abre la ventana Vista previa de la corrección, que muestra de forma comparativa el estado Original y el resultado Tras la corrección. Si la modificación es global y no cabe por completo en la pantalla, se advierte que la Vista previa truncada: la corrección afecta a todo el documento..
Si la reparación es viable, puede pulsar Aplicar corrección (lo que mostrará el mensaje Corrección aplicada. Pulsa Ctrl/Cmd+Z para deshacer.) o Cancelar para descartarla. Si el sistema no puede resolver el problema de forma automática, mostrará el aviso No se pudo reparar esta entrada automáticamente.. Para cualquier otra reparación genérica, se aplica la acción: Al aplicar se sustituye la entrada por el JSON reparado..
Exportación de resultados y privacidad
Una vez que los datos han sido procesados, formateados o minificados, dispone de varias opciones para utilizarlos fuera de la herramienta:
- Copiar al portapapeles: Permite copiar el contenido del editor directamente, mostrando el mensaje de confirmación Copiado al portapapeles.. Si intenta realizar acciones de copia o descarga sin haber introducido datos previos, la herramienta le recordará: Pega o abre primero algún JSON..
- Descargar archivo: Guarda el resultado en un archivo local en su equipo. Al completarse la descarga, se muestra el aviso Se ha descargado
‹name›..
Privacidad de los datos
La privacidad de su información está asegurada por el propio diseño técnico de la aplicación: Tu JSON se procesa en tu navegador. No se sube nada a BroBroGo. [privacy]. Al realizarse todas las operaciones de análisis, formateo y validación de manera local en el cliente, sus datos confidenciales, claves de configuración o respuestas de API nunca se transmiten a servidores externos.
Preguntas frecuentes
¿Se sube mi JSON?
No. El formateador se ejecuta en tu navegador y no sube tu JSON. Todos los procesos de validación y transformación se realizan de manera local en su dispositivo.
¿Qué hace minificar?
Minificar elimina espacios y saltos de línea innecesarios sin cambiar los datos JSON. Esto reduce el tamaño del archivo, optimizando el almacenamiento y la velocidad de transmisión de los datos.