Просмотрщик JSON
Текстовый и древовидный просмотр со сворачиванием/разворачиванием и путями узлов.
Ваш JSON разбирается и отображается локально в вашем браузере, и ничего не загружается на сервер.
Нужны типы 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.
Все инструменты ArrayKit