Visor JSON

Formatea, valida e inspecciona documentos JSON con ordenacion de claves y controles para expandir o colapsar.

Formatea, valida e inspecciona documentos JSON con ordenacion de claves y controles para expandir o colapsar. Formatea, valida e inspecciona documentos JSON con ordenacion de claves y controles para expandir o colapsar.

Array

        
    

Contexto

Que es JSON y por que conviene verlo de otra forma

JSON (JavaScript Object Notation) es el formato de texto mas usado para intercambiar datos estructurados en la web: archivos de configuracion, respuestas de API, registros de log y mucho mas. Es pequeno, legible para humanos y trivial de analizar por maquinas, por eso casi cualquier servicio moderno lo habla.

Un documento JSON crudo rara vez es util por si mismo. Las APIs y herramientas suelen emitir una sola linea larga sin espacios, porque es la representacion mas corta. Abrir ese documento en un editor es dificil de escanear, dificil detectar corchetes desbalanceados y facil perder la cuenta de las llaves. Un visor JSON resuelve esto reemitiendo el documento con una indentacion consistente para que la estructura sea obvia de un vistazo.

Caracteristicas que conviene conocer

Formatear permite elegir un tamano de indentacion (habitualmente dos o cuatro espacios) y re-renderiza el documento al instante. Algunos visores tambien permiten ordenar las claves alfabeticamente, lo cual es muy util al comparar dos cargas del mismo servicio: cuando las claves se alinean en columnas puedes escanear diferencias de valor sin comparar por posicion. Una linea de estadisticas con bytes y nodos ayuda justo antes de pegar la carga en un formulario con limite de 1 MB: te dice exactamente el tamano sin abrir una terminal.

Un visor tambien es un validador. El acto de parsear con JSON.parse lanzara un error descriptivo apuntando a la linea y columna exactas del primer token invalido, asi sabras al instante por que tu documento no carga. La mayoria de las herramientas de produccion fallan en el mismo punto, asi que el mensaje que ves aqui coincide con lo que diria tu backend, framework de frontend o pipeline de build.

Consejos de flujo de trabajo

Usa los controles de colapsar/expandir para enfocarte en el nivel superior de un documento profundamente anidado, baja hasta la seccion que te interesa y copia la rama que necesitas. Si estas depurando una respuesta de API, ordena las claves antes de comparar para que inserciones y borrados en posiciones distintas no confundan a tu vista. En caso de duda, pega el documento en una pestana nueva, ajusta el formato y usa la salida como version canonica para documentacion o mensajes de commit.

Desarrollado solo con JSON.parse y JSON.stringify nativos. Tu entrada nunca sale del navegador.

Preguntas frecuentes

El visor conserva comentarios dentro del documento JSON?
JSON estandar no admite comentarios. Si tu entrada contiene // o /* */ el analizador la rechazara; eliminalos primero o convierte tu archivo a JSON5/JSONC con una herramienta dedicada.
Por que el conteo de bytes no coincide con el de la API?
El conteo es el tamano de la salida renderizada. Si activas el formateo con 2 espacios la salida crece. Usa el modo sin indentacion si necesitas el tamano en el cable.
El visor puede manejar documentos JSON muy grandes?
Si. El visor analiza todo el documento en memoria y lo reemite, asi que el limite practico es la pila disponible del navegador (cientos de MB sin problema en un portatil moderno). Para documentos de varios GB considera un enfoque de streaming.
Ordenar las claves cambia el significado del documento?
No. Los objetos JSON son colecciones desordenadas de pares nombre/valor. Ordenar cambia solo el texto emitido, no la semantica. La mayoria de los analizadores cargan las claves en un mapa hash independientemente del orden.
Por que el analizador dice "Unexpected token" en una columna concreta?
JSON.parse reporta el primer token que no puede entender. La linea/columna que da es donde empieza el token; el error real suele estar un caracter antes (comilla sin escapar, coma faltante o coma sobrante al final de un objeto).
Mi documento se envia a un servidor?
No. Todo el analisis, ordenacion y reformateo ocurre dentro del navegador mediante APIs nativas de JavaScript. No hay paso de subida.