Visor de JSON

Analiza y embellece JSON mostrándolo directamente en la página como un árbol coloreado e indentado. Cada tipo de valor tiene su propio color: las claves de objeto y null en morado, los booleanos en azul, los números en verde, las cadenas en naranja, y las llaves, corchetes y comas en gris. Cuando la entrada no es válida, el visor muestra el error nativo de JSON.parse.

1. Pega JSON en el área de texto de entrada. 2. Haz clic en Parse. 3. El árbol renderizado aparece en un panel de resultados desplazable, con cada nivel anidado indentado 10 px por cada nivel de profundidad.

Los objetos se renderizan como { key: value, ... } con claves moradas entrecomilladas y llaves grises; los arrays se renderizan como [ item, item ] con corchetes grises. Cada nivel de anidamiento añade 10 px de margen izquierdo a sus hijos, produciendo indentación visual. Las cadenas se muestran con comillas dobles envolventes en naranja, los números en verde, los booleanos en azul y null en morado. Las comas entre elementos se dibujan en gris. El árbol es estático (sin colapsar/expandir); úsalo para inspeccionar documentos de pequeño a mediano tamaño.