Visor de árbol JSON - Visualizar estructura y obtener rutas

¿Qué es Visor de árbol JSON?

JSON Tree Viewer es una herramienta que visualiza datos JSON como un árbol expandible y colapsable. Los tipos de datos (string, number, boolean, array, object, null) se distinguen por colores, y también están disponibles estadísticas. Al hacer clic en un nodo, se copia su JSONPath al portapapeles.

Ver también: Formateador JSON · JSON Diff · JSON a código

Cómo usar

1. Pegue JSON en el área de texto
2. Haga clic en 'Mostrar árbol'
3. Haga clic en los nodos para expandir/colapsar

Ejemplos de uso

Input:
{"users":[{"id":1,"name":"Alice"},{"id":2,"name":"Bob"}]}

Tree view:
▾ users (array: 2 items)
  ▾ [0] (object)
    id: 1 (number)
    name: "Alice" (string)
  ▾ [1] (object)
    id: 2 (number)
    name: "Bob" (string)

Practical use: Understand the structure of a deeply nested API response and copy the JSONPath of the target field to paste into your code

Preguntas frecuentes

¿Puede mostrar JSON grande?

Sí. Por defecto, los nodos se expanden hasta la profundidad 2. El JSON grande puede navegarse sin problemas.

¿En qué formato se copia el JSONPath?

En formato JSONPath como $.key.subkey o $.array[0].field, compatible con las principales bibliotecas JSONPath.

¿Cómo expandir y colapsar nodos?

Haga clic en un nodo para alternar expandir/colapsar. El estado inicial muestra los nodos expandidos hasta la profundidad 2.

¿Dónde puedo ver el número de elementos del array?

El recuento de elementos se muestra en la etiqueta del nodo del array. El panel de estadísticas también muestra totales por tipo.

¿Se envían mis datos al servidor?

No. Todo el procesamiento de visualización ocurre en tu navegador. Los datos sensibles están seguros.

Herramientas relacionadas