JSON Canvas
Большой API-ответ становится понятной структурой, а чувствительные данные не покидают браузер.
Задача
Браузерная лаборатория для проверки JSON: валидирует синтаксис, форматирует данные, строит сворачиваемое дерево, ищет по содержимому и показывает путь до любого узла.
Что требовалось
- Совместить редактор и исследование структуры без стороннего сервера.
- Показывать ошибку синтаксиса сразу, а не после загрузки файла в другой инструмент.
- Упростить поиск вложенных ключей и копирование пути для кода и тестов.
Что реализовано
- Мгновенная валидация
- Форматирование и минификация
- Сворачиваемое дерево данных
- Поиск и копирование JSONPath
- Статистика и выгрузка файла
Результат
Автономный инструмент разработчика с рабочим редактором и деревом. Запускается из одного HTML-файла и подходит для разбора реальных API-ответов.
StackJavaScriptJSONJSONPathTree UIFile API