¿Qué es el Lector JSON?
Leer JSON en bruto es como leer una lista de la compra escrita en taquigrafía — PUEDES hacerlo, pero tu cerebro tiene que gastar energía descifrando la sintaxis antes de llegar a los datos. El Lector JSON quita la sintaxis del medio. Pega cualquier JSON y obtienes un diseño legible tipo tabla donde las claves están etiquetadas y los valores se sostienen por sí mismos.
Es la herramienta para ese momento en que alguien te pasa un archivo JSON y te dice "¿puedes decirme qué hay aquí?". En lugar de pasarlo por un formateador y después recorrer 300 líneas indentadas, lo pegas aquí y lees los campos de uno en uno. El lector aplana los arrays en filas, convierte los objetos anidados en tablas clicables, y te da un filtro en línea para saltar al campo que te interesa. El JSON es un formato de texto optimizado para máquinas; este lector está optimizado para el humano que lee por encima del hombro.
Sin registro, sin subir archivos, sin datos enviados a ningún sitio. El parsing ocurre localmente en tu navegador. Pega, lee, cierra la pestaña — hecho.
Cómo leer JSON con esta herramienta
Un recorrido corto. Todos los botones que verás están en la página, justo encima de estas instrucciones.
Pega el JSON
Suelta tu JSON en el editor de la izquierda. Puede venir de cualquier sitio — una respuesta curl guardada en un archivo, un payload de webhook, un cuerpo de mensaje de Kafka, un export de una base NoSQL. Si no tienes JSON a mano y solo quieres probar, pulsa Ejemplo.
{"invoice": {"number": "INV-2025-0417", "issuedOn": "2025-04-17", "payer": {"name": "Acme Logistics GmbH", "country": "DE"}, "lineItems": [{"description": "Freight — Hamburg to Rotterdam", "amount": 1250.00}, {"description": "Customs handling", "amount": 180.00}], "totalEUR": 1430.00}}Si el JSON tiene un problema de sintaxis, verás un mensaje de error bajo el editor apuntando a la línea.
Lee la vista analizada
A medida que pegas, el panel derecho se redibuja con cada clave etiquetada y cada valor en su propia celda. Para un único objeto como una factura, verás las claves en filas: number, issuedOn, payer, etc. Para un array de registros, cada registro pasa a ser una fila y las claves son las columnas. Las estructuras anidadas (como payer o lineItems) se expanden en línea en sus propias mini-tablas — clicas dentro igual que recorrerías un hilo de correos anidado. El parser sigue las reglas de la RFC 8259, así que cualquier JSON válido se representa correctamente.
Encuentra un campo concreto rápido
Cada columna tiene una casilla de filtro bajo la cabecera. Escribe DE en una columna país para filtrar facturas alemanas, Customs en una columna descripción para encontrar tasas, 2025 en una columna de fecha para filtrar por año. Los filtros actúan a la vez en varias columnas — si escribes en dos casillas, solo aparecen las filas que cumplen ambas. Muy útil cuando recorres unos cientos de registros buscando uno concreto.
Cambia la orientación cuando ayude
A veces leer claves de arriba abajo es más cómodo que de izquierda a derecha — sobre todo en registros con 15+ campos. Pulsa Principal para transponer la tabla externa (claves en filas, valores en columnas). Pulsa Anidado para hacer lo mismo con las tablas internas. Son los mismos datos, solo colocados como tus ojos quieren leerlos en ese momento.
Copiar, compartir o exportar
Para coger un único valor, haz doble clic en la celda (después de pulsar Editar) y cópialo directamente. Para pasarle la vista a un compañero, pulsa Compartir — obtienes un enlace corto con la caducidad que elijas (1 hora, 1 día, 1 semana). ¿Lo quieres en una hoja de cálculo? Pulsa Excel para descargar un .xls y ábrelo en Excel, Google Sheets o LibreOffice Calc.
Sitios donde el lector viene bien
Entender payloads de webhooks
Servicios como Stripe, GitHub o Shopify envían webhooks llenos de JSON anidado. Coges uno de tus logs y necesitas leerlo de principio a fin — qué decía el evento, ¿había flag de reembolso?, ¿qué cliente lo disparó? Pega, lee y tienes la respuesta.
Leer archivos de configuración o ajustes
Un <code>.json</code> de 400 líneas para una herramienta de build, un linter o un script de despliegue puede intimidar. Leerlo como tabla te dice qué secciones existen, cuáles están rellenas y cuáles heredan por defecto — mucha menos carga mental que contar niveles de indentación en un editor de texto.
Depurar estado serializado
Las apps frontend suelen volcar estado serializado en <a href="https://developer.mozilla.org/es/docs/Web/API/Window/localStorage" target="_blank" rel="noopener">localStorage</a> o sessionStorage como JSON. Cuando algo falla — el carrito de un usuario se vacía tras un refresh, una feature flag no cambia — copia el JSON almacenado aquí y léelo directamente en vez de escribir expresiones en la consola.
Revisar exports antes de ingestarlos
Antes de cargar un export JSON en una base, un data warehouse o un DataFrame de <a href="https://pandas.pydata.org/" target="_blank" rel="noopener">pandas</a>, lee una muestra. ¿Las claves son consistentes entre registros? ¿Las fechas están en el formato esperado? El lector convierte una tarea de 15 minutos en un vistazo de 30 segundos.
Preguntas frecuentes
¿Es diferente de un formateador o visor JSON?
Un formateador reformatea el texto JSON con indentación y colores, pero sigue siendo texto. Un visor/lector lo convierte en una interfaz estructurada que puedes navegar. El enfoque de "lector" significa concretamente que el renderizado está afinado para la comprensión lectora — campos etiquetados, casillas de filtro, valores legibles en celdas — en vez de para escribir o validar. Puedes usar un formateador como primer paso y luego pegar el resultado aquí para leerlo de verdad.
¿Maneja JSON con comentarios, comas colgantes u otras cosas no estándar?
No. El lector parsea con el JSON.parse() nativo del navegador, que sigue la spec al pie de la letra — sin comentarios, sin comas colgantes, las claves tienen que ir entre comillas dobles. Si tu entrada lleva esas cosas, quítalas primero (o pásalas por un JSON Fixer) y pega aquí la versión limpia.
¿Puedo leer JSON directamente desde una URL?
Todavía no — tienes que traer el JSON tú y pegarlo. Es deliberado: mucho JSON contiene tokens de auth o datos personales, y pasarlo por un proxy de terceros sería un retroceso en privacidad. Si usas un navegador, la pestaña Red de las DevTools tiene "Copiar respuesta" que te da el JSON para pegarlo en un clic.
¿Qué pasa con arrays enormes — digamos 10.000 registros?
Se renderiza, pero desplazarse por 10.000 filas en un navegador no es una gozada. Mejor flujo: usa una herramienta como jq para recortar el subconjunto que quieras leer (los primeros 100 registros, solo transacciones fallidas, lo que sea) y pega ese subconjunto aquí. Optimiza para leer lo que de verdad te importa.
¿Acabará mi JSON en Google o en algún log?
No. Todo el parsing ocurre en tu navegador. No recibimos el JSON en ningún servidor a menos que pulses Compartir, y los enlaces compartidos se asocian a GUIDs aleatorios con una caducidad que tú decides. ¿Datos sensibles? Salta Compartir y cierra la pestaña cuando acabes.
Veo un montón de tablas dentro de tablas. ¿Cómo las colapso?
Las tablas dentro de tablas son cómo el lector representa la anidación — payer.country lleva su propia mini-tabla dentro de la celda payer. Si no necesitas ver una rama, cambia a orientación anidada transpuesta (botón Anidado) para una vista más densa, o usa Filtrar para limitar qué filas se muestran desde el inicio. El colapso/expansión completo está en el roadmap.
Herramientas JSON relacionadas
Leer es solo una cosa de las que querrás hacer con JSON. Esto casa bien: