Онлайн просмотрщик JSON

Задача

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

jsonviewer.stack.hu

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

Вы можете напрямую скопировать текст JSON в эту онлайн-программу просмотра. Или вы можете использовать кнопку загрузки данных JOSN для предоставления URL-адреса, и средство просмотра загрузит JSON-форму из этого ресурса. После того, как код JSON станет видимым в средстве просмотра, вы можете нажать «Формат» для форматирования кода.

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

В текстовом режиме вы можете минимизировать код JSON, нажав Удалить пустое пространство.

И, наконец, вы можете очистить код, нажав Очистить.

jsoneditoronline.org

jsoneditoronline.org - еще один замечательный зритель JOSN. Он поставляется с кодом JSON по умолчанию, который вы можете очистить, нажав на кнопку очистки. Вы можете загрузить свой собственный код JSON, нажав «Открыть», а затем вы решите открыть из локального файла («Открыть файл») и сформировать URL («Открыть URL-адрес»).

Вы нажимаете JSON в редакторе и видите код, который вы загрузили в виде дерева JSON, на правой панели.

Затем вы можете развернуть и свернуть дерево для просмотра различных компонентов дерева JSON.

В редакторе есть окно поиска, которое вы можете использовать для поиска различных компонентов кода JSON.

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

На левой панели крайняя левая кнопка предназначена для форматирования вашего кода JSON.

И кнопка к тому, чтобы убрать все пробелы и сделать ее компактной.

Онлайн JSON Tree Viewer Инструмент

Этот инструмент находится по адресу http://www.jquery4u.com/demos/online-json-tree-viewer/. Вы можете нажать «Выбрать файл и загрузить файл JSON» или «Копировать и вставить» и просто скопировать код JSON из источника.

Как только код появится, нажмите «Создать дерево JSON», чтобы получить представление дерева кода JSON.

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

Вы не можете сохранить, очистить или удалить пробелы с помощью этого инструмента.

JSON Визуализация

Это многофункциональный онлайн-просмотрщик JSON, доступный по адресу http://chris.photobooks.com/json/default.htm. Вы можете вставить JSON-код в поле ввода. Вы также можете нажать Загрузить и загрузить файл JSON с удаленного компьютера.

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

Нажав Развернуть / Свернуть, вы можете развернуть и свернуть отображаемое дерево JSON. Вы можете щелкнуть любой из компонентов JSON, и он покажет свое местоположение в дереве JSON.

Нажатие на validate подтвердит ваш код JSON.

Нажатие на reencode перекодирует код JSON.

Json зритель

Этот инструмент доступен на http://www.jsonviewer.com/. Как и другие инструменты, это также позволяет вам загружать JSON либо из URL, либо вы можете напрямую вставить код. Хотя загрузка из URL доступна только в IE. После того, как вы нажмете Parse JSON data, будет отображено представление Json Object.

JSON Parser Online

Вы можете получить доступ к этому инструменту на http://json.parser.online.fr/. После того, как вы вставите код в левую боковую панель, вы сможете увидеть дерево JSON при разборе и вычислении строки.

При нажатии на Опции открывается меню, и вы можете выбрать различные варианты оттуда.

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

Бесплатный онлайн JSON Parser

http://jsonparser.com/ предлагает этот инструмент. С помощью этого инструмента вы можете скопировать код, отформатировать, просмотреть дерево JSON, свернуть и развернуть дерево.

JSONView в Chrome

Это расширение для браузера Chrome является отличным инструментом. Вы можете получить его по адресу https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ru. Вы можете использовать контекстное меню, чтобы скопировать путь JSON или значение.

Это также имеет расширение для Firefox. Вы можете получить его здесь: https: //addons.mozilla.org/EN-us/firefox/addon/jsonview/.

Вы имеете в виду какой-нибудь другой инструмент? Дайте нам знать. И, конечно же, поделитесь им с друзьями и коллегами.

Предыдущая: Структуры JSON
Далее: проверка JSON с помощью JSONLint