Visor de JSON

Visor de texto y árbol plegable con expandir/contraer y rutas de nodos.

Tu JSON se analiza y se muestra localmente en tu navegador, y nada se sube a un servidor.

¿Necesitas tipos de TypeScript desde tu JSON? Prueba la herramienta JSON a TypeScript.

Acerca de Visor de JSON

Este visor JSON te da un espacio de trabajo de dos paneles para leer y ordenar JSON: edita, formatea o minifica tus datos en la pestaña Texto y luego cambia a la pestaña Visor para recorrerlos como un árbol plegable. Está hecho para personas desarrolladoras, equipos de QA y cualquiera que depure una respuesta de API y necesite ver JSON en línea sin buscar a través de un muro de texto. Expande o pliega nodos, profundiza en objetos y arreglos anidados, y haz clic en cualquier valor para copiar su ruta exacta. Como visor de árbol JSON, también funciona como un formateador JSON rápido, ayudándote a embellecer payloads minificados y a detectar la estructura de un vistazo. Todo se ejecuta por completo en tu navegador, así que tus datos nunca salen de tu dispositivo y nada se sube a un servidor.

Características

Cómo usar Visor de JSON

  1. Pega o escribe tu JSON en la pestaña Texto.
  2. Haz clic en Formatear para embellecerlo, o en Minificar para compactarlo, y confirma que es válido.
  3. Cambia a la pestaña Visor para ver el árbol plegable.
  4. Usa Expandir todo o Plegar todo, o haz clic en nodos individuales para profundizar.
  5. Haz clic en un valor y copia su ruta desde la barra inferior.

Ejemplo

Entrada

{"author":{"name":"Ada","links":["site","blog"]}}

Salida

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

Formateado en la pestaña Texto; al hacer clic en el primer link en el Visor se muestra la ruta author.links[0].

Errores comunes y solución de problemas

Preguntas frecuentes

¿Para qué sirve el Visor JSON?
El Visor JSON te permite formatear, minificar y explorar JSON como un árbol plegable, para que puedas leer respuestas de API y archivos de configuración sin revisar un muro de texto sin procesar.
¿Cómo obtengo la ruta de un valor en el Visor JSON?
Haz clic en cualquier nodo en la pestaña Visor y su ruta, por ejemplo author.links, aparece en la barra inferior, lista para copiar.
¿Puedo expandir o plegar todo el árbol a la vez?
Sí. Usa los botones de Expandir todo y Plegar todo en la barra de herramientas para reorganizar todo el documento con un clic.
¿El Visor JSON también formatea y minifica mi JSON?
Sí. La pestaña Texto embellece o compacta el JSON sin procesar con los botones de Formatear y Minificar, y luego la pestaña Visor lo muestra como un árbol navegable.
¿Mi JSON se envía a algún lugar cuando uso el Visor JSON?
No. El Visor JSON procesa todo localmente en tu navegador, así que tus datos nunca salen de tu dispositivo y nada se sube.
¿Cómo maneja el Visor JSON el JSON inválido?
La pestaña Visor necesita JSON válido para construir el árbol; corrige cualquier error señalado en la pestaña Texto, incluida la línea y columna, y el árbol se renderizará.

Herramientas relacionadas

Todas las herramientas de ArrayKit