Просмотр JSON

Разбирает и красиво выводит JSON непосредственно на странице в виде раскрашенного дерева с отступами. Каждый тип значения имеет свой цвет: ключи объектов и null — фиолетовые, логические значения — синие, числа — зелёные, строки — оранжевые, фигурные и квадратные скобки, а также запятые — серые. При некорректном вводе просмотрщик отображает собственную ошибку JSON.parse.

1. Вставьте JSON во входное текстовое поле. 2. Нажмите Parse. 3. Готовое дерево появится в прокручиваемой панели результатов, каждый уровень вложенности имеет отступ 10 px на глубину.

Объекты отображаются как { key: value, ... } с заключёнными в кавычки фиолетовыми ключами и серыми фигурными скобками; массивы отображаются как [ item, item ] с серыми квадратными скобками. Каждый уровень вложенности добавляет 10 px левого отступа к своим дочерним элементам, создавая визуальный отступ. Строки показываются с окружающими двойными кавычками оранжевым цветом, числа — зелёным, логические значения — синим, а null — фиолетовым. Запятые между элементами рисуются серым. Дерево статичное (без сворачивания/разворачивания); используйте его для просмотра документов малого и среднего размера.