🧩 Herramientas de desarrollo

Formateador y visor JSON

Pega JSON o abre un archivo para formatearlo en el navegador. Utiliza resaltado de sintaxis, árbol desplegable, copia de rutas, correcciones automáticas, compresión y descarga.

🗓️ Última actualización 2026.07.14 ⏱️ Tiempo de trabajo Unos 15 segundos 🔒 Procesado en el navegador · No se guardan los datos introducidos Traducción actualizada: 2026-11-02

json · formato · vista

Formatear JSON · Explorar el árbol

Pega respuestas de API, archivos de configuración o registros JSON. Explora su estructura con el código resaltado y la vista de árbol.

En espera

Pega JSON o arrastra un archivo .json para formatearlo, comprimirlo o explorarlo en la vista de árbol.

Esperando datos JSON
2 espacios
📥 Entrada (JSON)
📤 Resultado
Los resultados aparecen aquí
Validez Se muestra al introducir datos
Resumen de estructura Resumen de la estructura JSON
Profundidad · Tamaño 0niveles · Caracteres · Bytes
El resultado formateado aparece al introducir JSON.

Guía del formateador y visor JSON

Este formateador y visor JSON facilita la lectura de respuestas de API, cargas de webhooks, archivos de configuración y registros que ocupan una sola línea. Valida el texto con JSON.parse y lo presenta con la sangría elegida, resaltado de sintaxis y números de línea. La vista de árbol desplegable permite explorar estructuras anidadas. Haz clic en una clave para copiar una ruta como data.users[0].email o cambia a JSON comprimido sin espacios adicionales. Todo se procesa en el navegador actual; el texto no se sube al servidor de Toolvil.

Un corchete o una coma incorrectos pueden impedir que se analice todo el documento JSON. Por eso conviene localizar los errores cuanto antes. Si el análisis falla, la página muestra el detalle del error del navegador y una posición aproximada cuando está disponible. También ofrece correcciones para patrones habituales como comillas simples, comas finales, claves sin comillas y comentarios. Sirve para revisar respuestas de API, automatizaciones sin código, datos de análisis o ajustes de un CMS desde el móvil o el ordenador, sin instalar una aplicación.

Cuándo utilizar esta herramienta

  • Una respuesta de API o un registro de webhook llega como una sola línea JSON difícil de leer.
  • Necesitas copiar la ruta de acceso a un valor de un JSON muy anidado.
  • Quieres corregir errores habituales de sintaxis en un objeto JavaScript o en un JSON mal formado.

Antes de empezar

  • Elimina los datos personales, tokens y claves secretas antes de compartir JSON.
  • La compresión elimina espacios; la vista de código es más adecuada para documentos que deben leer otras personas.
  • Ordenar las claves cambia el orden de presentación de los objetos y mantiene el orden de las listas.

Modo de uso

  1. Pega texto en la entrada JSON o arrastra un archivo .json hasta ella.
  2. Revisa el resultado resaltado en Vista de código o explora las estructuras desplegables en 🌳 Vista de árbol.
  3. Haz clic en una clave del árbol para copiar una ruta como data.users[0].email.
  4. Si hay una corrección disponible, utiliza el aviso de corrección automática y revisa el JSON corregido.
  5. Aplica la compresión o la ordenación de claves y copia el resultado o descárgalo como .json.
EntradasTexto JSON o archivo .json; opciones de sangría, ordenación de claves y compresión
ResultadosCódigo resaltado, vista de árbol, tipo principal, número de claves, profundidad, líneas, caracteres y bytes
Método de procesamientoProcesamiento local con JSON.parse y JSON.stringify del navegador
NotaLos objetos literales JavaScript, los comentarios y las comas finales no son JSON estándar. La corrección automática trata patrones habituales.

Vista de código y vista de árbol

La vista de código muestra el JSON formateado con sangría, números de línea y colores para claves, cadenas, números, booleanos y null. La vista de árbol presenta objetos y listas como una jerarquía que puedes desplegar o plegar. Para datos muy anidados o listas grandes, explora primero el árbol y pulsa la clave que necesites para copiar su ruta. Comprueba la notación de la ruta si las claves tienen nombres especiales antes de utilizarla en código.

Errores que puede tratar la corrección automática

El motor de corrección automática sustituye comillas simples por dobles, elimina comas finales, añade comillas a claves y suprime comentarios // y /* */. Puede ayudar a convertir objetos JavaScript copiados de una consola de desarrollo en JSON estándar. Es una ayuda para patrones habituales: revisa el resultado y confirma que sigue representando los datos que querías.

Cómo interpretar la compresión y la ordenación de claves

La compresión elimina los espacios innecesarios para producir un resultado compacto de una sola línea. Ordenar las claves hace más uniforme el orden de las claves de objeto al comparar estructuras JSON. El orden de las listas suele tener significado, por lo que esta herramienta conserva el de sus elementos. Utiliza el código formateado para revisiones o documentación y el resultado comprimido cuando necesites una representación compacta.

Los escapes Unicode de las cadenas JSON utilizan valores hexadecimales. Para examinar el valor de un escape o convertirlo a decimal, utiliza el conversor de bases numéricas.

Esta utilidad comprueba la sintaxis JSON y organiza su presentación. No sustituye una revisión de seguridad, la validación de esquemas ni las pruebas del contrato de una API. Elimina los valores sensibles antes de introducir datos y realiza pruebas y comprobaciones de esquema antes de desplegar un servicio.

FAQ

¿Cómo copio una ruta desde la vista de árbol?

En la 🌳 Vista de árbol del panel de resultados, pulsa el nombre de una clave para copiar al portapapeles una ruta como data.users[0].email. Revisa la sintaxis de la ruta según los nombres de las claves y el lenguaje que uses; Python suele necesitar notación con corchetes.

¿Qué errores puede tratar la corrección automática?

Sustituye comillas simples por dobles, elimina comas finales, añade comillas a claves y suprime comentarios. Si el análisis falla y hay una corrección disponible, un aviso permite aplicarla con un clic. Puede ayudar a convertir un objeto JavaScript en JSON estándar. Revisa siempre los datos corregidos.

¿Puedo abrir un archivo o arrastrarlo hasta la herramienta?

Sí. Utiliza 📂 Abrir archivo o arrastra un archivo .json hasta la zona de entrada. Guarda el resultado formateado como archivo .json con 💾 Descargar. Todo se procesa en el navegador.

¿Ordenar las claves cambia el orden de las listas?

No. Solo se ordenan las claves de los objetos; el orden de los elementos de las listas se mantiene. Un orden de claves uniforme puede facilitar la comparación de estructuras JSON y la revisión de cambios en el código.

¿Se envía mi JSON a un servidor?

No. El análisis, el formato y la visualización de JSON se realizan al 100% en el navegador actual, y los datos introducidos no se suben al servidor de Toolvil. Elimina claves de API, tokens y datos personales antes de compartir el resultado.

📖 Instrucciones detalladas: Cómo formatear y validar JSON