Visor JSON en línea
Árbol, tabla y editor
De hecho, este visor JSON en línea muestra tus datos como un árbol que puedes abrir y buscar, o como una tabla. Luego haz clic en cualquier fila para copiar su ruta o cambiar su valor. Todo funciona en tu pestaña.
- GratisPrecio
- 2Vistas
- NingunoRegistro
- NingunoSubidas
Visor y editor JSON
Lee JSON como árbol o tabla, búscalo y cámbialo
- Claves
- 0
- Profundidad
- 0
- Tamaño
- 0 B
- Cadenas
- 0
- Números
- 0
- Otros valores
- 0
El JSON válido aparece aquí como un árbol que puedes abrir, buscar y editar.
Haz clic en una fila del árbol para leerla, copiar su ruta o cambiarla.
Listo. Pega JSON, abre un archivo o prueba el ejemplo.
Para qué sirve un visor JSON en línea
Este visor JSON en línea convierte un muro de llaves en algo legible. Pega tus datos y aparecen como un árbol. Abre una rama, ciérrala, búscala o edítala.
Además, JSON es la forma en que la mayoría de las apps hablan entre sí. Una API lo envía, un archivo de configuración lo guarda y una herramienta de registros lo imprime. Sin embargo, una respuesta en bruto es difícil de recorrer. Una sola línea larga lo esconde todo.
Por eso ayuda un visor. Muestra primero la forma y después el detalle. Ves que orders contiene una lista, que cada pedido tiene un cliente y que falta un precio.
El formato es simple, y RFC 8259 lo detalla. Aun así, los errores pequeños lo rompen. Basta una coma suelta. Por eso esta página también encuentra la línea exacta de cada error.
Leer JSON como un árbol
El árbol es el corazón de este visor de árbol JSON. También, cada objeto y cada lista tienen una fila con una flecha pequeña. Haz clic en la flecha y la rama se abre.
El color ayuda a recorrer el texto. Las cadenas usan verde, los números azul, y true, false y null morado. Las claves destacan en negrita. Además, una rama cerrada indica cuántas claves o elementos contiene.
También puedes usar el teclado. Igualmente, las flechas se mueven, la flecha derecha abre una rama y la izquierda la cierra. Inicio y Fin saltan a la primera y a la última fila.
Cambiar a una tabla
Algunos JSON son en realidad una hoja de cálculo disfrazada. Una lista de productos, usuarios o pedidos tiene las mismas claves en cada registro. Una tabla lo muestra de un vistazo.
Pulsa Tabla y cada registro se convierte en una fila. Así, cada clave pasa a ser una columna. Haz clic en un encabezado para ordenar por él. Si haces clic en una fila, el inspector de abajo abre ese registro.
Si tu JSON es un objeto grande, selecciona antes la lista que contiene. Así la tabla sigue tu selección.
Una búsqueda que abre las ramas correctas
Los archivos grandes esconden lo que necesitas. Escribe una palabra en el cuadro de búsqueda y cada coincidencia se ilumina. Además, el visor abre cada rama del camino, así que nada queda enterrado.
Elige dónde buscar. Puedes buscar en claves y valores, solo en claves o solo en valores. De hecho, pulsa Intro para saltar a la siguiente coincidencia, y Mayús con Intro para volver.
El contador junto al cuadro indica cuántas coincidencias hay. Deja de contar en dos mil, lo que mantiene la página ágil.
Editar sin tocar el texto
Esto es también un editor JSON en línea. Haz clic en una fila y el inspector muestra su clave, su tipo y su valor. Cambia lo que necesites y pulsa Aplicar.
Puedes renombrar una clave, cambiar una cadena por un número o convertir un valor en una lista. También puedes añadir una clave nueva dentro de un objeto, duplicar una fila o subirla y bajarla. Eliminar la quita.
Además, cada cambio reescribe al instante el texto de la izquierda. Si te equivocas, pulsa Deshacer. El historial guarda tus últimos cien pasos.
Reparar casi-JSON
La gente pega cosas que parecen JSON pero no lo son. Una configuración con comentarios. Un diccionario de Python. También, una respuesta copiada de un chat con una valla de código alrededor.
Pulsa Reparar y la herramienta arregla los problemas habituales. Quita comentarios y comas finales, y pone comillas a las claves sueltas. Cambia las comillas simples por dobles, y True y None por true y null.
Luego enumera cada cambio que hizo. Lee esa lista. Una reparación es una suposición, y conviene saber qué se supuso.
Copiar una ruta con un clic
Selecciona cualquier fila y la ruta aparece bajo el árbol. Cópiala como JSONPath, por ejemplo $.products[0].price. O cópiala como JavaScript, por ejemplo data.products[0].price.
Los números grandes siguen exactos
Igualmente, muchos visores convierten cada número en un double. Entonces un ID como 12345678901234567890 pasa en silencio a 12345678901234567000. Este conserva cada número tal como lo escribiste. Eso importa, porque la edición vuelve a tu texto sin daños.
En esta página
- La herramienta
- Para qué sirve un visor JSON en línea
- Usar el visor JSON, paso a paso
- Qué hace diferente este visor JSON
- Hábitos para trabajar con JSON sin riesgos
- Errores comunes de JSON que este visor detecta
- Preguntas frecuentes sobre el visor JSON
- Compañeras útiles para trabajar con JSON
Sigue leyendo
Usar el visor JSON, paso a paso
Cuatro pasos te llevan del texto en bruto a un valor cambiado. Después, la búsqueda y la tabla hacen el resto rápido.
- 1
Pega o abre tu JSON
Escribe en el cuadro, pega desde el portapapeles o abre un archivo
.json. Tu pestaña lee el archivo. Nunca sale de tu dispositivo. - 2
Léelo como un árbol
También, el árbol se dibuja mientras escribes. Abre una rama con su flecha, o usa la lista Abrir niveles para mostrar dos, tres o cuatro niveles a la vez.
- 3
Busca o cambia a una tabla
Busca en claves y valores, o pulsa Tabla para ver una lista de registros como columnas. Haz clic en un encabezado para ordenar.
- 4
Selecciona una fila para copiar o editar
Copia su ruta o su valor. O cambia la clave, el tipo y el valor, y luego pulsa Aplicar. El texto de la izquierda se actualiza al instante.
- 5
Copia o descarga el resultado
Si quieres, da formato, minifica u ordena las claves antes. Luego copia el JSON o guárdalo como archivo.
Qué hace diferente este visor JSON
Muchos visores muestran un árbol. Estos son los puntos donde este va más lejos.
Árbol, tabla y texto, juntos
El texto, el árbol y la tabla son tres vistas de un mismo modelo. Edita cualquiera de ellas y las otras la siguen.
Ubicación exacta de los errores
Cuando el JSON tiene un fallo, recibes la línea, la columna y un signo bajo el problema. Los navegadores rara vez te dan eso.
Una reparación que se explica sola
El botón de reparar arregla comentarios, comillas y comas. Luego enumera cada cambio, así que nada ocurre a tus espaldas.
Los números nunca cambian
Los ID largos y los precios conservan cada dígito. El visor nunca convierte tus datos en suposiciones de coma flotante.
Pensado para el teclado
Las flechas, Inicio, Fin e Intro funcionan. Además, cada control tiene una etiqueta, así que un lector de pantalla también puede usarlo.
Nada sale de tu pestaña
Las respuestas de una API suelen contener datos privados. Como tu navegador hace todo el trabajo, nada llega a este sitio.
Hábitos para trabajar con JSON sin riesgos
Un visor hace que JSON sea fácil de leer. Además, estos hábitos lo mantienen correcto.
- Mira la forma antes que el detalle. Abre primero un nivel. Comprueba que las claves de nivel superior son las que esperas. Después baja más donde haga falta.
- Guarda una copia antes de una edición grande. Copia el texto original en un lugar seguro. Deshacer es útil, pero un archivo guardado es más seguro.
- Busca la clave, no solo el valor. Un valor como 0 coincide con cientos de filas. En cambio, una clave como
discountsuele coincidir con unas pocas. - Usa la tabla para listas de registros. Ordenar una columna encuentra el precio más alto o la fecha más antigua en dos clics. Un árbol te obliga a buscarlo.
- Copia las rutas en vez de escribirlas. Un error en una ruta no devuelve nada, y nada parece un éxito. Copia la ruta de la fila que ves.
- Revisa los tipos después de editar. La cadena
"42"y el número42son distintos. Muchas API rechazan el equivocado. - Ordena las claves antes de comparar dos archivos. El orden de las claves no cambia el significado. Sin embargo, sí cambia una comparación de texto. Ordenar ambos archivos antes elimina el ruido.
- Trata la reparación como un primer borrador. Lee la lista de arreglos. Si uno parece mal, pulsa Deshacer y corrige ese punto a mano.
- Quita los secretos antes de compartir un ejemplo. Los tokens y los correos se esconden en las respuestas de una API. Bórralos en el árbol y luego copia el texto limpio.
- Minifica solo para la copia final. Conserva la versión con sangría mientras trabajas. Aplástala en una línea cuando la envíes.
Errores comunes de JSON que este visor detecta
Cada uno de estos errores rompe un analizador. El visor señala el lugar, así que el arreglo lleva segundos.
Una coma final
Una coma tras el último elemento es válida en JavaScript. En JSON es un error. Reparar la quita.
Comillas simples alrededor del texto
Así, JSON exige siempre comillas dobles. Las comillas simples funcionan en Python y JavaScript, por eso la gente las pega por costumbre.
Claves sin comillas
Escribir
{name: "Ali"}es válido en código. Como JSON, en cambio, la clave debe ser"name".Comentarios dentro del archivo
JSON no tiene sintaxis de comentarios. Una nota en un archivo de configuración detiene a un analizador estricto.
Claves duplicadas
El formato las permite, pero la mayoría de los lectores guardan solo la última. El visor muestra un aviso, así que tú decides.
Valores de Python
True, False y None no son JSON. De hecho, las palabras deben ser true y false en minúsculas, y None pasa a ser null.
Preguntas frecuentes sobre el visor JSON
¿Este visor JSON en línea es de verdad gratis?
Sí. No cuesta nada, no pide cuenta y no tiene límites de uso. Como funciona en tu navegador, no tenemos costes de servidor que trasladarte.
¿Mi JSON sale de mi dispositivo?
No. Tu navegador lo lee, lo dibuja y lo edita. Nada llega a este sitio y no guardamos nada. Además, al cerrar la pestaña se borra todo.
¿Qué tamaño de archivo puede abrir?
También, abre archivos de hasta diez megabytes desde el disco. El texto pegado también puede ser grande. Como el árbol dibuja solo las ramas que abres, los archivos grandes van rápido.
¿En qué se diferencian el árbol y la tabla?
El árbol muestra cualquier JSON, nivel por nivel. En cambio, la tabla sirve para una lista de registros con las mismas claves. Elige la vista que muestre mejor tus datos.
¿Puedo editar valores y dejar el resto igual?
Sí. Selecciona la fila, cambia el valor y pulsa Aplicar. Igualmente, solo cambia ese valor. El texto de la izquierda se actualiza y lo demás queda como estaba.
¿Qué arregla el botón Reparar?
Arregla comentarios, comas finales, comillas simples, claves sin comillas, comas que faltan, valores de Python y corchetes sin cerrar. Además, enumera cada cambio que hizo.
¿Por qué dice que mi JSON no es válido si funciona en mi código?
JavaScript es más tolerante que JSON. Los comentarios, las comillas simples y las comas finales funcionan en el código, pero fallan en JSON estricto. Reparar puede corregirlos.
¿Qué es una ruta JSONPath?
Es una dirección para un valor dentro del JSON. Por ejemplo, <code>$.store.name</code> significa la clave name dentro del objeto store. Muchas herramientas la aceptan.
¿El visor cambia mis números?
No. Así, cada número queda exactamente como lo escribiste. Los ID largos conservan todos sus dígitos, algo que muchos otros visores no pueden prometer.
¿Puedo ver JSON desde un archivo o un enlace?
Puedes abrir un archivo con el botón Abrir un archivo. Un enlace obligaría a descargar otro sitio, y una página del navegador no puede hacerlo con seguridad. Por eso, pega el texto de la respuesta.
¿Funciona en el móvil?
Sí. Los dos paneles se apilan, el árbol se desplaza y los botones son lo bastante grandes para tocarlos. Aun así, para editar mucho tiempo es más cómodo un teclado.
Compañeras útiles para trabajar con JSON
Leer JSON es un paso. Estas tres herramientas se ocupan de los pasos de alrededor.
Formateador JSON
Embellece, minifica y valida con la línea exacta de cualquier error.
Abrir herramienta →Conversor de JSON a CSV
Aplana una lista de registros en filas para una hoja de cálculo.
Abrir herramienta →Conversor de XML a JSON
Además, lleva un feed XML a JSON y explóralo aquí.
Abrir herramienta →
¿Listo para leer algo de JSON?
Pega tus datos, abre las ramas y cambia lo que necesites. Además, el visor JSON es gratis, no pide cuenta y guarda cada byte en tu dispositivo.