Visor JSON
Un espacio de trabajo JSON multi-archivo — lee el mismo documento como texto formateado, tabla, árbol o grafo de relaciones.
Empty document
¿Qué es Visor JSON?
Un visor JSON es un espacio de trabajo para leer JSON y no para editarlo — el problema es que el JSON en bruto está escrito para máquinas, y una respuesta de API de 40KB en un editor de texto es un muro de puntuación. Este visor mantiene varias representaciones del mismo documento lado a lado: el texto en bruto a un lado, y al otro una vista formateada, una tabla de registros al estilo hoja de cálculo, un árbol expandible o un grafo de relaciones que muestra cómo los arrays anidados enlazan con sus padres. Como las preguntas distintas necesitan formas distintas — "qué campos tiene esto" es una pregunta de árbol, "cuál de estos 200 registros tiene un email null" es una pregunta de tabla — alternar entre ellas vence a hacer scroll. Los archivos que abres se guardan en un espacio de trabajo local para que puedas manejar varios documentos a la vez y volver a ellos más tarde, y todos permanecen en tu navegador.
Cómo usar Visor JSON
- Pulsa "Nuevo" en la barra lateral de Archivos para añadir un documento, o pega JSON directamente en el editor de la columna central.
- Elige una vista a la derecha — Pretty para texto formateado, Table para registros como filas, Tree para un esquema expandible, Relationship para un grafo de cómo se conectan los arrays anidados.
- Usa el cuadro de búsqueda sobre la lista de archivos para encontrar un documento cuando el espacio de trabajo tenga más que un puñado.
- Descarga el archivo activo con el botón de descarga, o cópialo con el botón de copiar. La barra de estado muestra el recuento de registros y si el documento parsea actualmente.
Ejemplos
Un array de registros se convierte en tabla
Entrada
{"records": [{"id": 1, "name": "John"}, {"id": 2, "name": "Jane"}]}
Salida
Vista Table: 2 filas, columnas id y name — ordenable, con búsqueda y paginada
Los arrays anidados se convierten en tablas enlazadas en el grafo
Entrada
{"orders": [{"id": 1, "items": [{"sku": "A1"}, {"sku": "B2"}]}]}
Salida
Vista Relationship: un nodo orders enlazado con un nodo items que contiene 2 filas
Errores comunes
- Asumir que el espacio de trabajo está sincronizado — vive en el almacenamiento de un solo navegador, así que borrar los datos del sitio o cambiar de dispositivo lo pierde. Descarga todo lo que necesites conservar.
- Recurrir a la vista Table con un documento que no es una colección de registros; un objeto de configuración profundamente anidado no tiene filas naturales, y la vista Tree le encaja mejor.
- Editar en la columna central y esperar que el archivo original en disco cambie — esto es una copia local, y guardar significa descargarlo de vuelta.
Por qué usar esta herramienta
- Cuatro vistas del mismo documento, intercambiables sin volver a pegar ni perder el sitio.
- Un espacio de trabajo persistente multi-archivo, así comparar la respuesta de la API de ayer con la de hoy no significa malabares con pestañas del navegador.
- Se ejecuta íntegramente en el cliente y funciona sin conexión una vez instalado, así los payloads de producción nunca abandonan tu máquina.