JSON, иначе JavaScript Object Notation, данные - это протокол для связи между браузером и сервером и одна из основных альтернатив XML.

Однако данные JSON не могут быть прочитаны разработчиками без средства просмотра JSON, которое структурирует и отображает данные в понятном виде. Таким образом, Mozilla включила просмотрщик JSON в Firefox и по умолчанию включена в Канале разработчика.

Как мне посмотреть JSON в Firefox? Самый быстрый способ просмотра и редактирования данных JSON в Firefox - через встроенную программу просмотра JSON. Средство просмотра данных по умолчанию включено только в Developer Edition и Nighly. Если это вас не устраивает, используйте некоторые полезные дополнения и веб-инструменты для Firefox.

Для получения дополнительной информации об этом, проверьте руководство ниже.

Как включить JSON Viewer в Firefox

Если просмотрщик JSON в Firefox не работает для вас, возможно, это потому, что он не включен. На данный момент просмотрщик данных по умолчанию включен только в Developer Edition и Nightly.

Вот как вы можете включить просмотрщик JSON в Firefox Stable:

• Сначала введите « about: config » в адресную строку Firefox и нажмите клавишу «Return», чтобы открыть страницу, показанную на снимке экрана ниже.

• Затем введите devtools.jsonview.enabled в строку поиска в верхней части страницы about: config.
• Теперь вы можете дважды щелкнуть devtools.jsonview.enabled, чтобы изменить его значение на true. Это эффективно включает просмотрщик JSON в браузере Firefox.

Альтернативные дополнения JSON Viewer и веб-инструменты

Однако вам не нужно включать JSON Viewer в Firefox. Если программа просмотра Firefox JSON не работает, вы всегда можете попробовать альтернативные дополнения и веб-инструменты.

Например, вы можете добавить JSONView в Firefox, нажав кнопку + Добавить в Firefox на этой странице. Когда вы добавите это дополнение в браузер, откройте эту страницу, чтобы увидеть пример некоторых форматированных данных JSON.

На снимках ниже показаны данные JSON до и после включения дополнения в Firefox.

JSON-DataView - это лучшее дополнение, с помощью которого вы можете настроить отображение данных. Найдите его на этой странице и добавьте это расширение в свой браузер.

Затем снова откройте эту страницу, чтобы проверить, как она форматирует и отображает данные JSON. Данные теперь включают в себя кнопки + и -, чтобы развернуть и свернуть узлы дерева, подсветку синтаксиса и гиперссылки.

JSON-DataView также включает параметры настройки, которые можно выбрать, нажав кнопку меню «Открыть» в правом верхнем углу браузера и надстройки.

После этого нажмите кнопку « Параметры» рядом с JSON-DataView, чтобы открыть окно, показанное ниже. Там вы можете щелкнуть раскрывающееся меню Тема, чтобы изменить цвета данных JSON. Перейдите на вкладку «Дисплеи», чтобы настроить шрифт текста.

Существуют также веб-инструменты JSON Viewer, в которые можно копировать и вставлять данные. Во-первых, вы можете копировать и вставлять данные на вкладку Text этого JSON Viewer. Попробуйте скопировать и вставить данные JSON ниже с помощью горячих клавиш Ctrl + C и Ctrl + V.

{«Эй»: «парень», «anumber»: 243, «anobject»: {«whoa»: «гайки», «anarray»:, «more»: «stuff»}, «awesome»: true, «bogus») ”: False, ” смысл ”: null, “ japanese ”:” , が あ る。 », « ссылка »:« http://jsonview.com », « notLink »:« http://jsonview.com отлично »}

Когда вы скопируете это на вкладку «Текст», нажмите кнопку « Формат» на панели инструментов средства просмотра JSON. Затем отобразятся данные, как показано на снимке ниже, что намного яснее.

Вы можете загрузить другие данные, нажав кнопку « Загрузить данные JSON» и введя URL-адрес. На вкладке «Просмотр» отображаются переменные данных с древовидными структурами, которые можно развернуть или свернуть, нажимая кнопки + и -.

JSON Editor Online - это еще один веб-инструмент, в котором можно отображать данные с жесткого диска или URL-адреса. Нажмите здесь, чтобы открыть веб-инструмент, а затем скопируйте и вставьте приведенные выше примеры данных в редактор кода.

Нажмите кнопку со стрелкой вправо, чтобы скопировать код в редактор дерева, а затем нажмите кнопку со стрелкой влево, чтобы отобразить данные JSON, как показано ниже. Там вы можете редактировать данные и сохранять любые сделанные изменения.

На странице также имеется удобный инструмент поиска полей и значений.

Если вам нужен просмотрщик JSON, встроенный просмотрщик Firefox сделает не все, что вам нужно. Таким образом, дополнения JSON и веб-инструменты являются отличной альтернативой для разработчиков, которым необходимо открывать и редактировать данные JSON.

Надеюсь, что это было полезно, и теперь вы знаете о различных надстройках JSON и веб-инструментах, которые вы можете использовать. Если у вас есть еще вопросы, не стесняйтесь обращаться к разделу комментариев ниже.

Примечание редактора: этот пост был первоначально опубликован в апреле 2017 года и с тех пор был полностью переработан и обновлен для обеспечения свежести, точности и полноты.