DT Dev Tools

JSON Viewer — Visor de JSON

Visualiza archivos JSON grandes como un árbol plegable en tu navegador. Busca claves y valores y copia la ruta como JSONPath, jq o JavaScript, sin subidas.

🔒 Se ejecuta completamente en tu navegador — nada se sube

Drop a JSON file here (.json, .geojson, .ndjson, .jsonl, .har…) or click to browse

Publicidad

Un visor de árbol rápido para archivos JSON grandes

El JSON es fácil de leer cuando tiene una docena de líneas, pero casi imposible cuando es un volcado de API de 40 MB, una exportación GeoJSON o un archivo HAR del navegador. Los editores de texto tienen dificultades con archivos de ese tamaño, y la mayoría de los visores en línea suben tus datos a un servidor o bloquean la pestaña mientras construyen miles de elementos HTML. Este visor de JSON está diseñado precisamente para esa situación: sueltas el archivo, se analiza localmente y se muestra como un árbol plegable en el que solo se dibujan las filas visibles en pantalla. Tanto si el documento tiene cien nodos como varios millones, el desplazamiento y la expansión siguen siendo fluidos.

Cada fila muestra la clave o el índice del array, un valor con código de colores y, en el caso de objetos y arrays, el número de claves o elementos que contienen. Haz clic en cualquier fila para seleccionarla y abrirla o cerrarla, o usa el teclado: las flechas mueven la selección y expanden, Page Up y Page Down saltan una pantalla cada vez y Enter alterna el nodo actual. Expand all y Collapse all actúan sobre todo el documento, con un límite de seguridad para que un archivo enorme no bloquee la página.

Busca y copia rutas

El cuadro de búsqueda recorre todas las claves y valores del documento, incluidos los nodos que siguen plegados. Pulsa Enter para saltar a la siguiente coincidencia y Shift+Enter para volver atrás; el visor expande los nodos padre de cada coincidencia, la desplaza hasta la vista y resalta el texto coincidente. Así resulta rápido encontrar un ID, una dirección de correo o un código de error escondido en lo más profundo de una respuesta anidada.

Al seleccionar un nodo, su ruta completa aparece debajo del árbol. Elige la notación que necesites (JavaScript, JSONPath, JSON Pointer, jq o Python) y cópiala con un clic, o pasa el ratón sobre una fila y usa su botón para copiar la ruta. Las claves con espacios, guiones u otros caracteres especiales se entrecomillan y escapan correctamente para cada formato, de modo que la ruta copiada se puede pegar directamente en el código, en un comando jq, en una aserción de prueba o en una operación JSON Patch. Copy value copia la cadena seleccionada como texto sin formato, o cualquier objeto o array como JSON con formato.

Privado y funciona sin conexión

Todo ocurre en tu navegador. El archivo nunca se sube, no hace falta cuenta y no se almacena nada, así que es seguro inspeccionar registros de producción, exportaciones de clientes o respuestas que contengan tokens. El JSON delimitado por saltos de línea (NDJSON o JSON Lines) se reconoce automáticamente y se muestra como un array, y la entrada no válida se notifica con la línea y la columna del primer error. Si necesitas reformatear, minificar u ordenar las claves de un documento en lugar de explorarlo, usa el JSON Formatter.

Cómo usar

  1. Abre el JSONSuelta un archivo .json, .geojson o .ndjson, haz clic para buscarlo o pega el texto JSON.
  2. Explora el árbolHaz clic en las filas o usa las flechas del teclado para expandir y plegar objetos y arrays.
  3. BuscaEscribe una clave o un valor y pulsa Enter para saltar entre coincidencias.
  4. Copia la rutaSelecciona un nodo, elige un formato de ruta y haz clic en Copy path o Copy value.

Preguntas frecuentes

¿Se sube mi archivo JSON a algún sitio?
No. El archivo lo lee y analiza tu navegador con el método integrado JSON.parse. No hay ningún componente de servidor, así que las respuestas de API, los registros y las exportaciones nunca salen de tu dispositivo.
¿Qué tamaño de archivo puede abrir?
Los archivos de 100 MB o más funcionan en la mayoría de los ordenadores de escritorio. Solo se dibujan las filas en pantalla, por lo que el desplazamiento sigue siendo fluido incluso con millones de nodos; el límite práctico es la memoria de tu navegador.
¿Qué formatos de ruta puedo copiar?
JavaScript (data.users[0].name), JSONPath ($.users[0].name), JSON Pointer (/users/0/name), jq (.users[0].name) y Python (data["users"][0]["name"]). Las claves con espacios o símbolos se entrecomillan correctamente para cada formato.
¿Admite NDJSON o JSON Lines?
Sí. Si la entrada no es un único documento JSON pero todas las líneas no vacías son JSON válido, las líneas se muestran como un array, con un elemento por línea.
¿Qué examina la búsqueda?
Las claves de los objetos y el texto de cadenas, números, booleanos y valores null en cualquier parte del documento, incluso dentro de nodos plegados. Los nodos coincidentes se expanden y se resaltan de uno en uno.
Publicidad