Visor de JSON

Analisa e formata JSON exibindo-o diretamente na página como uma árvore colorida e indentada. Cada tipo de valor tem sua própria cor: chaves de objeto e null em roxo, booleanos em azul, números em verde, strings em laranja, e chaves, colchetes e vírgulas em cinza. Quando a entrada é inválida, o visualizador relata o erro nativo de JSON.parse.

1. Cole o JSON na área de texto de entrada. 2. Clique em Parse. 3. A árvore renderizada aparece em um painel de resultados rolável, com níveis aninhados indentados em 10 px por profundidade.

Objetos são renderizados como { key: value, ... } com chaves roxas entre aspas e chaves em cinza; arrays são renderizados como [ item, item ] com colchetes em cinza. Cada nível de aninhamento adiciona 10 px de margem esquerda aos seus filhos, produzindo indentação visual. Strings são mostradas com aspas duplas delimitadoras em laranja, números em verde, booleanos em azul e null em roxo. Vírgulas entre itens são desenhadas em cinza. A árvore é estática (sem recolher/expandir); use-a para inspecionar documentos de pequeno a médio porte.