Дерево JSON Переглядач
Переглядайте, форматуйте та досліджуйте дані JSON в інтерактивному дереві, що згортається. Безкоштовно, безпечно та не потребує завантаження.
Перетягніть файл JSON сюди
Або вставте текст JSON нижче
Переглядайте, форматуйте та досліджуйте дані JSON в інтерактивному дереві, що згортається. Безкоштовно, безпечно та не потребує завантаження.
Або вставте текст JSON нижче
Засоби перегляду дерева JSON відображають дані JSON як ієрархічне дерево з можливістю навігації, а не як звичайний текст. Кожен предмет стає розбірною гілкою; масиви показують свої елементи окремо; примітивні цінності постають у вигляді листя. Структурне подання дозволяє легко знаходити певні поля в глибоко вкладених даних, згортати нерелевантні піддерева та переміщатися по великих документах JSON, якими було б неможливо керувати як плоский текст.
Порівняно з відформатованим текстом JSON, деревоподібні представлення перевершують навігацію у великих даних. Відповідь API розміром 10 МБ непрактично прокручувати як текст, але її можна прокрутити як дерево, де ви згортаєте ключі верхнього рівня, які вас не цікавлять, і розгортаєте лише ті частини, які вас цікавлять.
Цей засіб перегляду відображає JSON у структурованому дереві у вашому браузері. Пошук фільтрує гілки за ключем або значенням. Відображення з урахуванням типу розрізняє рядки, числа, логічні значення, значення null, об’єкти та масиви.
Глибоко вкладені дані важко орієнтуватися як текст. Файли конфігурації, відповіді API та серіалізований стан часто мають 5+ рівнів вкладеності. У вигляді дерева можна згортати нерелевантні рівні та зосереджуватися на важливому; перегляди тексту вимагають ретельного прокручування та підрахунку дужок.
Можливості пошуку та фільтрації також мають значення. Знайти всі ключі з іменем 'user_id' у складному документі можна швидко за допомогою засобу перегляду з підтримкою пошуку; неможливо зробити надійно з простим текстом.
Вставте JSON, перейдіть по дереву.
Синтаксичний аналіз JSON використовує JSON.parse, який завершується помилкою в разі неправильного введення з помилкою аналізу, яка вказує на місце проблеми. Дійсний JSON рендериться в об’єкт JavaScript, за яким програма перегляду рекурсивно створює дерево.
Візуалізація: кожен рівень вкладеності стає гілкою з відступом. Ключі об'єктів - це мітки; значення відображаються на основі типу — рядки в лапках, числа без, логічні значення як true/false, null явно, об’єкти та масиви як гілки, що згортаються.
Продуктивність: дуже великий файл JSON (10 МБ+) може сповільнити рендеринг. Допомагає відкладене розширення (відтворення лише видимих на даний момент гілок). Пошук у великих документах може зайняти помітний час; допомагає індексація дерева під час першого аналізу.