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:
- Сначала введите strong 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. Попробуйте скопировать и вставить данные JSON ниже с помощью горячих клавиш Ctrl + C и Ctrl + V .
{«Эй»: «парень», «anumber»: 243, «anobject»: {«whoa»: «гайки», «anarray»: [1,2, «thr
ee»], «more») : ”Stuff”}, ”awesome”: true, ”фиктивный”: false, “смысл”: null, “japanese”: ”
明日 が あ る。”, “link”: “http: // jsonview. com »,« notLink »:« http://jsonview.com отлично »}
Когда вы скопируете это на вкладку «Текст», нажмите кнопку Формат на панели инструментов средства просмотра JSON. Затем отобразятся данные, как показано на снимке ниже, что намного яснее.
Вы можете загрузить другие данные, нажав кнопку Загрузить данные JSON и введя URL-адрес. На вкладке «Просмотр» отображаются переменные данных с древовидными структурами, которые можно развернуть или свернуть, нажимая кнопки + и -.
JSON Editor Online – это еще один веб-инструмент, в котором можно отображать данные с жесткого диска или URL-адреса. Нажмите здесь, чтобы открыть веб-инструмент, а затем скопируйте и вставьте приведенные выше примеры данных в редактор кода.
Нажмите кнопку со стрелкой вправо, чтобы скопировать код в редактор дерева, а затем нажмите кнопку со стрелкой влево, чтобы отобразить данные JSON, как показано ниже. Там вы можете редактировать данные и сохранять любые сделанные изменения.
На странице также имеется удобный инструмент поиска полей и значений.
Если вам нужен просмотрщик JSON, встроенный просмотрщик Firefox сделает не все, что вам нужно. Таким образом, дополнения JSON и веб-инструменты являются отличной альтернативой для разработчиков, которым необходимо открывать и редактировать данные JSON.
Надеюсь, что это было полезно, и теперь вы знаете о различных надстройках и веб-инструментах JSON, которые вы можете использовать. Если у вас есть еще вопросы, не стесняйтесь обращаться к разделу комментариев ниже.