Красивый вывод, проверка и анализ документов JSON с необязательной сортировкой ключей и элементами свернуть/развернуть.
Красивый вывод, проверка и анализ документов JSON с необязательной сортировкой ключей и элементами свернуть/развернуть. Красивый вывод, проверка и анализ документов JSON с необязательной сортировкой ключей и элементами свернуть/развернуть.
JSON (JavaScript Object Notation) - самый распространённый текстовый формат для обмена структурированными данными в вебе: файлы конфигурации, ответы API, записи логов, хранилища документов и многое другое. Он компактен, удобен для чтения человеком и тривиально разбирается машинами, поэтому почти каждый современный сервис «говорит» на нём.
Сырой документ JSON редко полезен сам по себе. API и инструменты часто выдают одну длинную строку без пробелов, потому что это кратчайшее представление. Когда вы открываете такой документ в редакторе, его трудно просматривать, трудно заметить несоответствие скобок и легко потерять место при подсчёте фигурных скобок. Просмотр JSON решает это, переиздавая документ с постоянными отступами, так что структура становится очевидной с первого взгляда.
Красивый вывод позволяет выбрать размер отступа (обычно два или четыре пробела) и немедленно перерисовывает документ. Некоторые просмотрщики также позволяют сортировать ключи по алфавиту, что неоценимо при сравнении двух данных от одного сервиса: когда ключи выравниваются по вертикали, можно просматривать различия значений, не сопоставляя по позиции. Строка статистики, сообщающая количество байтов и узлов, полезна, когда вы собираетесь вставить данные в форму с лимитом 1 МБ: она точно говорит, насколько он велик, без открытия терминала.
Просмотрщик также является валидатором. Сам акт разбора с
JSON.parse выбросит подробную ошибку, указывающую точную строку и
столбец первого недопустимого токена, поэтому вы сразу видите,
почему ваш документ отказывается загружаться. Бóльшая часть
производственных инструментов выдаёт ошибки в той же точке, поэтому
сообщение, которое вы видите здесь, совпадает с тем, что сказали бы
ваш бэкенд, фронтенд-фреймворк или сборочный конвейер.
Используйте элементы свернуть/развернуть, чтобы сосредоточиться на верхнем уровне глубоко вложенного документа, углубитесь до нужного раздела и скопируйте нужную ветвь. Если вы отлаживаете ответ API, сначала отсортируйте ключи, чтобы вставки и удаления в разных позициях не сбивали с толку. При сомнениях вставьте документ в новую вкладку, подправьте форматирование и используйте вывод как каноническую версию для документации или сообщений коммита.