Vista Previa JSON
Previsualiza JSON como texto embellecido, una tabla, un diagrama de relaciones o un árbol — cambia de vista al instante.
Entrada JSON
JSON embellecido
Escribe JSON a la izquierda para ver su vista previa.
¿Qué es Vista Previa JSON?
JSON Preview es una forma todo en uno de mirar un documento JSON sin decidir de antemano qué vista necesitas. Pega o carga cualquier JSON y se abre como texto embellecido e indentado — la misma forma que obtendrías de un formateador — pero un conmutador sobre la vista previa te permite transformar el mismo documento en una tabla ordenable/buscable, un diagrama de relaciones que muestra cómo los arrays anidados enlazan con sus registros padre, o un árbol expandible para saltar directamente a una clave profundamente anidada. Como cada vista lee la misma entrada, no hay que volver a pegar ni a subir nada para comparar representaciones — simplemente estás mirando un documento a través de una lente distinta.
Cómo usar Vista Previa JSON
- Pega o escribe JSON en el cuadro de entrada de la izquierda — o arrastra un archivo .json sobre él, o carga uno de los ejemplos integrados desde la barra de herramientas.
- El panel derecho se abre en "Embellecer" por defecto: tu JSON reindentado y con resaltado de sintaxis, con un botón de copia de un clic.
- Usa las pestañas de iconos sobre la vista previa para cambiar a Tabla (filas y columnas aplanadas), vista de Relaciones (tablas enlazadas para arrays anidados) o Árbol (un esquema expandible y buscable).
- Sigue editando a la izquierda — cada vista se actualiza en vivo, así que puedes saltar entre representaciones mientras trabajas en lugar de comprometerte con una.
Ejemplos
Vista Embellecer
Entrada
{"id":1,"name":"Ada Lovelace","roles":["admin","editor"]}
Salida
{ "id": 1, "name": "Ada Lovelace", "roles": [ "admin", "editor" ] }
Vista Tabla (misma entrada)
Entrada
[{"id":1,"name":"Ada"},{"id":2,"name":"Grace"}]
Salida
Una tabla de dos filas y dos columnas (id, name) — ordenable, filtrable, exportable a CSV.
Errores comunes
- Esperar que la vista Tabla muestre en línea los arrays anidados de uno-a-muchos — se convierten en su propia tabla enlazada, visible en la vista de Relaciones.
- Asumir que un error de parseo en una vista significa que el JSON es del todo inválido, cuando puede que simplemente sea una forma que Tabla/Relaciones no pueden representar (Árbol seguirá mostrándolo).
- No usar el cuadro de búsqueda de la vista Árbol al rastrear una única clave profundamente anidada — es más rápido que expandir manualmente cada nivel.
Por qué usar esta herramienta
- Una entrada, cuatro vistas — sin volver a pegar el JSON en herramientas separadas de formateo, tabla y árbol para comparar representaciones.
- Se ejecuta por completo en el cliente, así que respuestas de API sensibles o configuración nunca abandonan el navegador.
- La vista de relaciones detecta automáticamente los arrays anidados de uno-a-muchos y diagrama cómo enlazan con su padre, algo que una tabla plana o un formateador simple no pueden mostrar.
- Cambiar de vista es instantáneo y no destructivo — útil para explicar la forma de un JSON a un compañero sin exportar múltiples archivos.