Как посмотреть JSON в браузере — автоформатирование и расширения

В процессе работы над приложением «Прогноз погоды» потребовалось просмотреть файл JSON из документации API. В окне браузера все выглядело плохо читаемо.

По умолчанию читать файл JSON в браузере неудобно, так как текст идет сплошной "портянкой"
Страница открыта в Google Chrome — «копаться» в таком файле проблематично. В Яндекс.Браузере данные JSON отображаются в виде одной строки текста без форматирования или подсветки синтаксиса

Значительно улучшить ситуацию позволило автоформатирование, которое доступно по умолчанию в Google Chrome, т.е. без установки дополнительных расширений.

Щелчок по чекбоксу «Автоформатировать» в браузере Google Chrome, и файл вполне пригоден для чтения. В Яндекс.Браузере я такой возможности не нашел

Чтобы добавить красок, можно использовать одно из расширений для форматирования JSON. Я установил JSON Formatter, которое рекомендовали на Хабре и Юрий Ключевский.

Расширение JSON Formatter можно установить бесплатно из интернет-магазина chrome
У JSON Formatter довольно высокий рейтинг и 2 миллиона пользователей, что говорит о его высокой популярности
Расширение JSON Formatter отформатировало данные, чтобы их было легче читать.
Кроме цветового оформления появилась нумерация строк и возможность сворачивать блоки. Благодаря этому данные значительно легче читать

Применительно к браузерным расширениям упомяну о безопасности. Паранойя паранойей, но лишнего устанавливать не следует. В статье «Опасные браузерные расширения» (блог Каспрерского), рассказано, как вредоносные расширения воруют криптовалюту, угоняют аккаунты в играх и соцсетях, подделывают результаты поиска и показывают навязчивую рекламу.

Лично я захожу в «значимые» аккаунты через Яндекс.Браузер, в котором не установлено никаких расширений. При разработке использую Google Chrome, в котором установлены такие расширения, как React Developer Tools, Vue.js devtools и PerfectPixel by WellDoneCode (pixel perfect).

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*