Описание формата
Формат JSON– это аббревиатура от «Javascript Object Notation» (или «запись объекта Javascript»); удобен в использовании, как для компьютера, так и для пользователя. Как открыть популярный файл JSON онлайн или на компьютере?
Дуглас Крокфорд сделал этот тип популярным в 2001 году. По другой версии — формат не изобрели, а «открыли». И хотя изобретение приписывается Дугласу Крокфорду, в презентации разработчикам из «Yahoo!» Крокфорд раскрыл секрет о том, что JSON использовался еще раньше в браузере Netscape в 1996 году.
Технология Javascript использует структуры данных, идентичные записям JSON. Изначально Дуглас решил, что JSON будет составной частью Javascript и назвал его соответствующим образом. Но так как файлы JSON состоят из запятых, скобок и данных – их удобно передавать в любую техническую платформу и на других языках программирования.
JsonDiscovery: Меняем опыт просмотра JSON в браузере
Сегодня я хочу рассказать о JsonDiscovery, браузерном расширении для просмотра JSON. Возможно вы скажете: «у нас и так полно подобных расширений!». Да, полно, но фичи JsonDiscovery отличают его от других и делают его действительно мощным.
Давайте же взглянем поближе…
Для демонстраций я использовал JSON-файл коллекции всех карт из проекта Hearthstone-DB (спасибо Ольге Кобец за идею). И вот как он выглядит, если открыть его в браузере с установленным JsonDiscovery:
На первый взгляд это всего лишь еще один раскрасчик JSON. Все потому, что большинство фич не на поверхности, чтобы не отвлекать вас от вашего JSON. Давайте их раскроем:
- Простое копирование фрагментов JSON в буфер
- Сигнатура структуры JSON
- Трансформация JSON с помощью запроса
- Подсказки при написании запроса к JSON
- Настройка отображения данных из JSON
- Шаринг «отчетов» по ссылке
Рассмотрим каждый пункт детальнее.
Простое копирование фрагментов JSON в буфер
Бывает что нужно скопировать фрагмент JSON’а, то есть некоторого вложенного объекта или массива. С JsonDiscovery это простая задача, так как каждый развернутый объект и массив имеют кнопки действий. Одна из них кнопка «ƒ» button, нажав которую можно скопировать JSON в компактном или форматированном виде:
Сигнатура структуры JSON
Когда вы изучаете данные, полезно иметь представление об их структуре. Просто наведите на кнопку «S» в панели действий на развернутом объекте или массиве и вы увидите сигнатуру структуры поддерева, как примерно это выглядит в TypeScript:
Вы так же можете навести на свойство или тип значения в сигнатуре структуры чтобы получить некоторые детали, например о том какие значения использовались для поля:
Запросы к JSON
Клик по кнопке «Make report» переводит вас на страницу, где вы можете делать запросы к вашему JSON и/или настраивать его отображение:
Для запросов используется язык Jora. Он частично основывается на синтаксисе JavaScript 2015+, но в большей степени, задуман быть компактным и выражать больше (в рамках задачи запроса к данным).
Обычно вам нужно только выбрать некоторое подмножество данных используя некоторый путь, вроде foo.bar.baz. Если ключ имеет запрещенные символы просто используйте [] (квадратные скобки), то есть foo[‘a key with whitespaces’]. Все как в JavaScript, за исключением того, что не нужно переживать существует путь или нет:
Часто необходимо использовать фильтрацию или мапинг. Jora предоставляет .[] для фильтрации и .() для мапинга:
Пример на скриншоте выше (cards.[health].({ name, health })) можно записать на JavaScript так:
cards.filter($ => $.health).map($ => ({ name: $.name, health: $.health }))
Что гораздо многословнее, не так ли?
Вы можете найти больше о самом Jora и его синтаксисе в его репозитории на github. (Кстати, у него так же есть CLI и песочница)
Подсказки при написании запроса к JSON
Эту фичу невозможно описать правильно. Это нужно попробовать самому. Хотя бы раз:
Настройка отображения данных
Когда вы выбрали необходимые данные из JSON, вы можете настроить их отображение. Например, вывести их таблицей, или списком, вроде такого:
К сожалению, на данный момент нет достаточной документации о том, как описывать отображение (все что можно найти, может быть найдено в репозитории discovery.js). Но я верю это исправится в ближайшем будущем.
Шаринг «отчетов» по ссылке
Это были наиболее впечатляющие фичи JsonDiscovery, но есть гораздо больше фич поменьше, потому что расширение и проекты, лежащие в его основе, создаются с вниманием к деталям. И я могу с уверенностью сказать, все это меняет опыт работы с JSON в браузере!
JsonDiscovery доступен как расширение к Chrome и Firefox, и разрабатывается exdis как проект с открытым исходным кодом. Расширение построено на основе проекта Discovery.js, который еще на раней стадии разработки, но уже полезен для проектов вроде JsonDiscovery. Так что ожидается больше улучшений и фич в будущем. Следите за анонсами!
Как открыть онлайн
Помогут с открытием JSON-файлов следующие онлайн-сервисы:
- www.jsoneditoronline.org Вверху переходим в меню: нажимаем «Open», выбираем «Open from disk» (если файл загружается и открывается с компьютера), либо «Open url» (если файл хранится «в облаке»). Тут же сохраняются, создаются новые файлы данного формата, что практично;
- www.countwordsfree.com Заходим на сайт в секцию «JSON viewer» слева и выбираем либо «Load from Disk», либо «Load from url» (в зависимости от того, где хранится документ – локально или «в облаке»). Из дополнительных нюансов сервиса: перевод из формата JSON в xml, а также в обычный текст.
Это не единственные решения для работы. В интернете полно аналогичных сайтов. Выбирайте любой.
Онлайн сервисы для открытия
Открыть код можно и при помощи онлайн сервисов. Так, можно воспользоваться JSON EDITOR ONLINE. В нем можно открывать или создавать файлы. Достаточно выбрать нужную команду в верхней части экрана.
Мобильное приложение для знакомств RusDate – найди свою вторую половинку
Еще одним онлайн сервисом будет Count Words Free, раздел JSONVIEWER. Здесь нужно выбрать загрузку документа с диска или облака. В главном окне можно ознакомиться с содержимым.
Как открыть на ПК
При открытии файла JSON в текстовом редакторе, как правило, информация отображается, но в виде обычного текста, черными буквами на белом фоне. Если файл большой, читать будет дискомфортно. Речь идет об отсутствии подсветки синтаксиса.
Для открытия и редактирования используются такие программы, как:
- Notepad, Notepad++ и др. – для Windows;
- Apple TextEdit, MacVim и др. – для MacOS;
- Vim, Pico и др. – для Linux.
Отсутствие подсветки синтаксиса — весомое неудобство для чтения, если файл большой. Чем открывать JSON-файлы с подсветкой на Windows 7? Для таких случаев есть специальные программы: Sublime Text, Atom, Notepad++.
Для просмотра JSON-файлов нажимаем правой кнопкой мыши на документе и выбираем «Открыть с помощью» – «Выбрать программу…» – «Обзор». Далее находим исполняемый файл подходящего текстового редактора и щелкаем «ОК». Не забываем, что суффикс файлов на конце не .txt, а .json.
Программы для открытия
Каждый пользователь может открыть данный формат у себя на компьютере. Для этого понадобится обычный блокнот или веб-браузер. В документе можно ознакомиться со всей информацией, которая в нем хранится.
Файл с таким расширением открывается не только для чтения. Пользователь может изменить некоторые данные, в случае необходимости. Однако, не рекомендуется вносить какие-либо поправки, без знания его особенностей. Это может привести к неправильной работе приложения или потере важных данных.
Для того чтобы грамотно открыть формат JSON на компьютере, его следует открывать в программе или сервисе, которому он принадлежит. Пользователь не сможет понять суть содержимого, если не будет знать, к чему он относится и какие данные в нем хранятся.
Что такое утилиты и для чего они предназначены
Altova XMLSpy
Altova XMLSpy представляет собой среду разработки различных приложений. Утилита работает с различными форматами, в том числе XML и JSON. Также, программа работает с различными базами данных.
Открытие в Altova XMLSpy происходит следующим образом:
- Запустить приложение и выбрать функцию File — Open.
- Перейти в место расположения нужного файла и выбрать его.
- Ознакомиться с содержимым в центральном окне.
У данной утилиты есть и недостатки. В первую очередь это касается того, что она платная. Пользователю предоставляется 30-дневный пробный период. Также, в программе присутствует множество функций. Поэтому она может показаться сложной в использовании, несмотря на понятный интерфейс.
Notepad++
Одним из самых лучших приложений для открытия JSON можно считать Notepad++. Он представляет собой обычный блокнот, но с большим набором функций. Здесь нет нескольких окон и дополнительных возможностей. Но софт отлично подходит для открытия, создания или редактирования.
Пошаговая инструкция:
- Запустить Notepad++ и перейти в раздел Файл — Открыть.
- Найти нужный элемент в проводнике.
- Ознакомиться с содержимым файла.
Утилиту можно установить абсолютно бесплатно. Она имеет простой и понятный файл. Но программе понадобится время, чтобы загрузить «тяжелый» документ.
AkelPad
Еще один простой редактора, но уже от российского разработчика. AkelPad предоставляет пользователю простой интерфейс, высокую мощность и полезный набор функций. Этого хватить, чтобы открыть формат JSON.
Для просмотра содержимого файла нужно:
- Открыть программу и перейти в Файл — Открыть.
- Выбрать документ и кликнуть на соответствующую кнопку. Здесь же будет доступен предпросмотр содержимого.
- Ознакомиться с информацией в главном окне.
Бесплатная утилита поддерживает различные плагины. Но для открытия больших документов понадобится некоторое время.
Komodo Edit
Komodo Edit отличает большой набор функций, который необходим для работы программистам. Но утилита позволяет и просто открывать формат JSON. Для этого нужно в главном окне выбрать функцию «Open file». После этого откроется проводник, в котором пользователю нужно задать путь к нужному элементу.
Как технология влияет на то, как мы спим?
Все содержимое будет отображено на главном экране. Программа распространяется только в английской локализации. Здесь же можно не только ознакомиться с текстом, но и проверить синтаксис.
Sublime Text
Sublime Text является еще одним представителем редакторов, которые в своей работе ориентированы на создание кода. Однако, интерфейс утилиты намного понятнее. Чтобы открыть JSON необходимо:
- Запустить программу и перейти в раздел File — Open File.
- Найти папку с документом и открыть его.
- Ознакомиться с содержимым документа.
Софт предоставляется бесплатно, но только на английском языке. Кроме того, время от времени на экране отображается сообщение, в котором предлагается купить лицензию. Но бесплатная версия от платной не будет отличаться функционалом.
NFOPad
NFOPad является обычным блокнотом. Но его также можно использовать для запуска JSON. Для этого достаточно открыть его и перейти во вкладку «Файл», затем выбрать «Открыть».
В окне проводника следует перейти в папку с нужным документом. В случае, если его нет по заданному адресу, необходимо изменить тип на «Все файлы». После открытия, на экране отобразится содержимое JSON.
Блокнот
Если у пользователя нет возможности скачивать дополнительное приложение, он может воспользоваться стандартным Блокнотом. Редактор есть на всех компьютерах, под управлением Windows.
Открывается документ стандартным способом. Достаточно перейти во вкладку «Файл» и выбрать команду «Открыть». После этого нужно задать путь и запустить сам JSON.В блокноте можно не только просматривать содержимое, но и редактировать его.
Проблемы JSON-файлов
Даже узнав, чем открыть JSON формат, можно столкнуться с ошибкой. Вероятно, дело в неверно назначенной программе. Снова зайдите в меню файла, нажмите «Открыть с помощью» – «Выбрать программу…» и найдите нужный редактор для данного формата. Ставим «Использовать это приложение для всех файлов JSON».
Попадаются и поврежденные файлы. Иногда такое происходит при загрузке и передаче данных в интернете. Если потребуется, скачайте файл заново из другого источника.
