JSON Viewer

Сделано в cleandev

Схема выровненного документа

Дерево для отформатированного JSON помогает убедиться, что pretty-print не исказил данные. Сверяйте ключи, порядок полей и типы после выравнивания отступов.

Навигация по объектам и массивам

Иерархия совпадает с текстовым видом, но навигация быстрее за счёт сворачивания. Ошибки структуры видны по пустым веткам и null.

Подходит для diff двух версий конфига: глазами проще, чем сравнивать две простыни текста.

Превью значений и копирование путей

Строковые поля показывают начало значения; числа и boolean — целиком. Путь копируется для скриптов и тестов.

Так вы связываете результат форматтера с реальными полями в коде приложения.

Сворачивание уровней

Сверните корневой массив и раскрывайте только проблемный элемент — меньше прокрутки на мобильном.

Работает офлайн после первой загрузки страницы: можно разбирать логи в поле без сети.

Рендеринг…
26 строк
{// 6
"app":"JSON Viewer",
"version":"1.0.0",
"features":[// 4
0:"syntax highlighting",
1:"tree view",
2:"format / minify",
3:"large file support"
],
"settings":{// 5
"theme":"dark",
"language":"en",
"indent":2,
"lineNumbers":true,
"wordWrap":false
},
"stats":{// 4
"users":1234,
"uptime":99.95,
"active":true,
Древовидный просмотр отформатированного текста