Для чего используется просмотр JSON?

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

Как получить путь к значению в просмотре JSON?

Нажмите на любой узел на вкладке «Просмотр», и его путь, например author.links, появится в панели внизу, готовый к копированию.

Можно ли развернуть или свернуть всё дерево сразу?

Да. Используйте кнопки «Развернуть всё» и «Свернуть всё» на панели инструментов, чтобы изменить весь документ в один клик.

Форматирует и минифицирует ли просмотр JSON мой JSON?

Да. Вкладка «Текст» украшает или сжимает сырой JSON кнопками «Форматировать» и «Минифицировать», а вкладка «Просмотр» затем показывает его в виде навигируемого дерева.

Отправляется ли куда-либо мой JSON при использовании просмотра JSON?

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

Как просмотр JSON обрабатывает некорректный JSON?

Вкладке «Просмотр» нужен корректный JSON для построения дерева; исправьте ошибки, помеченные на вкладке «Текст», включая строку и столбец, и дерево отрисуется.

Просмотр JSON онлайн: дерево и формат

Используйте этот просмотрщик JSON, чтобы форматировать и исследовать данные в виде сворачиваемого дерева, разворачивать узлы и копировать точные пути.

Ваш JSON разбирается и отображается локально в вашем браузере, и ничего не загружается на сервер.

Создаёт и поддерживает Udit Agarwal

Нужны типы TypeScript из вашего JSON? Попробуйте инструмент JSON в TypeScript.

Об инструменте Просмотрщик JSON

Этот просмотрщик JSON даёт вам двухпанельное рабочее пространство для чтения и упорядочивания JSON: редактируйте, форматируйте или минифицируйте данные на вкладке «Текст», затем переключитесь на вкладку «Просмотр», чтобы пройтись по ним в виде сворачиваемого дерева. Он создан для разработчиков, QA-инженеров и всех, кто отлаживает ответ API и кому нужно посмотреть JSON онлайн без блужданий по стене текста. Разворачивайте или сворачивайте узлы, углубляйтесь во вложенные объекты и массивы и нажмите на любое значение, чтобы скопировать его точный путь. Как просмотр дерева JSON он также работает быстрым форматировщиком JSON, помогая украсить минифицированные данные и разглядеть структуру с первого взгляда. Всё работает полностью в вашем браузере, поэтому ваши данные не покидают устройство и ничего не загружается на сервер.

Возможности

Двухпанельная компоновка: вкладка «Текст» для редактирования и форматирования, вкладка «Просмотр» для исследования
Сворачиваемое дерево для разворачивания и сворачивания вложенных объектов и массивов
Кнопки «Развернуть всё» и «Свернуть всё» для изменения всего документа сразу
Нажмите на любой узел, чтобы увидеть его полный путь (например, author.links) в нижней панели
Копирование пути узла в один клик для использования в коде или запросах
Кнопка «Форматировать» для украшения или «Минифицировать» для сжатия сырого JSON на вкладке «Текст»
Скачивание отформатированного JSON или мгновенное копирование всего документа
Работает полностью в вашем браузере, ничего не загружается на сервер

Как использовать Просмотрщик JSON

Вставьте или введите ваш JSON на вкладке «Текст».
Нажмите «Форматировать», чтобы украсить, или «Минифицировать», чтобы сжать, и убедитесь, что JSON корректен.
Переключитесь на вкладку «Просмотр», чтобы увидеть сворачиваемое дерево.
Используйте «Развернуть всё» или «Свернуть всё», либо нажимайте на отдельные узлы для углубления.
Нажмите на значение и скопируйте его путь из панели внизу.

Пример

Ввод

{"author":{"name":"Ада","links":["site","blog"]}}

Результат

{
  "author": {
    "name": "Ада",
    "links": [
      "site",
      "blog"
    ]
  }
}

Отформатировано на вкладке «Текст»; нажатие на первую ссылку в просмотре показывает путь author.links[0].

Частые ошибки и устранение неполадок

Вкладка «Просмотр» пуста или нечего разворачивать. — Проверьте вкладку «Текст» на синтаксическую ошибку, например замыкающую запятую или ключ без кавычек; дерево отрисовывается только из корректного JSON.
Во вставленном фрагменте одинарные кавычки или ключи в стиле JavaScript. — JSON требует ключи и строковые значения в двойных кавычках. Преобразуйте одинарные кавычки в двойные перед просмотром.
Огромный документ медленно разворачивается. — Сначала используйте «Свернуть всё», затем разворачивайте только нужные ветви, а не открывайте все узлы сразу.
Вы скопировали путь, но он не совпадает с вашим кодом. — Пути используют точечную и скобочную нотацию от корня; при необходимости адаптируйте под синтаксис доступа вашего языка, если он отличается.

Часто задаваемые вопросы

Для чего используется просмотр JSON?: Просмотр JSON позволяет форматировать, минифицировать и исследовать JSON в виде сворачиваемого дерева, чтобы вы могли читать ответы API и файлы конфигурации, не просматривая стену сырого текста.
Как получить путь к значению в просмотре JSON?: Нажмите на любой узел на вкладке «Просмотр», и его путь, например author.links, появится в панели внизу, готовый к копированию.
Можно ли развернуть или свернуть всё дерево сразу?: Да. Используйте кнопки «Развернуть всё» и «Свернуть всё» на панели инструментов, чтобы изменить весь документ в один клик.
Форматирует и минифицирует ли просмотр JSON мой JSON?: Да. Вкладка «Текст» украшает или сжимает сырой JSON кнопками «Форматировать» и «Минифицировать», а вкладка «Просмотр» затем показывает его в виде навигируемого дерева.
Отправляется ли куда-либо мой JSON при использовании просмотра JSON?: Нет. Просмотр JSON обрабатывает всё локально в вашем браузере, поэтому ваши данные не покидают устройство и ничего не загружается.
Как просмотр JSON обрабатывает некорректный JSON?: Вкладке «Просмотр» нужен корректный JSON для построения дерева; исправьте ошибки, помеченные на вкладке «Текст», включая строку и столбец, и дерево отрисуется.

Связанные инструменты

Форматировщик JSON — Форматируйте, минимизируйте и проверяйте JSON с указанием места ошибок.
Просмотр дерева JSON — Изучайте JSON в виде сворачиваемого типизированного дерева.
JSON в TypeScript — Генерируйте интерфейсы TypeScript из образца JSON.
JSON в CSV — Преобразуйте массив плоских объектов JSON в CSV.
YAML ↔ JSON — Преобразуйте YAML в JSON и обратно.
Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.
JSON в код — Генерируйте типы Go, Rust, Python, Java, Kotlin, C# и TypeScript из JSON.

Другие инструменты: JSON

JSON в TypeScript — Генерируйте интерфейсы TypeScript из образца JSON.
JSON в CSV — Преобразуйте массив плоских объектов JSON в CSV.
Экранирование JSON — Экранируйте текст в строку JSON или разэкранируйте строку JSON в обычный текст.
JSON в код — Генерируйте типы Go, Rust, Python, Java, Kotlin, C# и TypeScript из JSON.
JSON Diff — Сравнение двух документов JSON со структурным различием.
Генератор и валидатор JSON Schema — Генерация JSON Schema из образца или проверка документа.
JSON Flatten — Сплющивайте вложенный JSON в ключи с точечной нотацией или разворачивайте обратно.
JSON в Zod — Сгенерируйте схему Zod из образца JSON — строки, числа, массивы и вложенные объекты.
JSON в Pydantic — Сгенерируйте классы моделей Pydantic v2 из образца JSON с типами и алиасами.
JSONPath Evaluator — Проверьте выражение JSONPath на вашем JSON и смотрите совпадения вживую.
JSON в TOON — Преобразуйте JSON в TOON и обратно, чтобы упаковать данные в меньше токенов LLM.
jq Playground — Вставьте JSON, напишите фильтр jq и мгновенно увидите результат — настоящий движок jq в браузере.

Все инструменты: JSON (29) · Все инструменты