JSON Formatter & Viewer - форматування JSON

Форматування JSON, перевірка, перегляд і порівняння, інспектор WebSocket. Дерево, пошук, файли до 10 МБ. Без реклами та стеження.

JSON Formatter & Viewer — швидкий і легкий інструмент для розробників: форматування, перевірка, перегляд, перетворення та порівняння JSON. Працює з файлами до ~10 МБ. — Форматування — ✅ Форматування JSON із правильними відступами ✅ Мініфікація JSON в один рядок ✅ Сортування ключів об'єктів за алфавітом (рекурсивно) ✅ Перевірка синтаксису в реальному часі зі зрозумілими повідомленнями про помилки ✅ Автоформатування під час вставлення або перетягування файлу — Перегляд — ✅ Інтерактивне дерево зі згортанням і розгортанням ✅ Розгортання до будь-якого рівня вкладеності (1–10) одним кліком ✅ Пошук із підсвічуванням, лічильником збігів і врахуванням регістру ✅ Копіювання будь-якого значення або шляху з дерева — Скасування та історія — ✅ Скасування останнього форматування, сортування ключів або автоформатування одним кліком ✅ Перегляд недавніх станів і повернення до будь-якого з них (до 30 записів, 5 МБ) ✅ Історія зберігається між сесіями — Порівняння — ✅ Порівняння двох JSON поруч ✅ Деревоподібне порівняння з фільтрами: додано / видалено / змінено ✅ Приховування незмінених ключів, щоб бачити лише відмінності — Імпорт та експорт — ✅ Вставлення з буфера обміну або перетягування файлів (до ~10 МБ) ✅ Завантаження JSON за URL ✅ Читання живого JSON прямо з WebSocket сторінки (див. нижче) ✅ Збереження у файл .json ✅ Приклад JSON, щоб спробувати одразу — Живий JSON із WebSocket — Налагоджуєте застосунок, який спілкується через WebSocket? Замість ручного копіювання повідомлень із DevTools вкладка WebSocket показує кожне повідомлення в тому самому дереві, яким ви вже користуєтесь: зліва список повідомлень, справа відформатований JSON. ✅ Вхідні та вихідні повідомлення, нові зверху, з часом і розміром ✅ Клік по повідомленню відкриває його в дереві на будь-якій глибині ✅ Бінарні кадри декодуються й позначаються ✅ Фільтр за напрямком або за сокетом, якщо сторінка відкриває кілька ✅ Повторювані keepalive-кадри згортаються в один рядок із лічильником ✅ Події відкриття, закриття та помилок з'єднання, щоб обрив сокета було видно ✅ Порівняння будь-яких двох кадрів поруч у режимі diff ✅ Копіювання кадру або надсилання його в редактор з усіма інструментами ✅ Експорт видимих кадрів у JSON-файл ✅ Працює і з вашим локальним dev-сервером на localhost Як користуватися: відкрийте сторінку, яку налагоджуєте → натисніть на іконку розширення → вкладка WebSocket → «Allow on this site» → перезавантажте сторінку. Захоплення має стартувати разом зі сторінкою, тому перезавантаження обов'язкове. — Бічна панель — Закріпіть форматер у бічній панелі Chrome — він залишатиметься відкритим, поки ви працюєте зі сторінкою, і попап не доведеться відкривати знову після кожного кліку. ✅ Один клік по кнопці Pin — і застосунок закріплено праворуч ✅ Працює далі, поки ви клацаєте по сторінці — ідеально для живого WebSocket-трафіку ✅ Поки панель закріплена, іконка розширення відкриває її навіть після перезапуску браузера ✅ Unpin будь-якої миті повертає компактний попап — Поділитися — ✅ Посилання для обміну одним кліком (дані живуть в URL і ніколи не потрапляють на сервер) — Зручність — ✅ Темна та світла тема, вибір запам'ятовується ✅ Стан редактора та дерева зберігається між сесіями ✅ Без реклами, без стеження, без збору даних — усе працює у вашому браузері — Дозволи та конфіденційність — Розширення запитує доступ до сайту лише коли ви натискаєте «Allow on this site» на вкладці WebSocket, і лише для цього сайту. Під час встановлення нічого не запитується, і жоден сайт не відстежується без вашого дозволу. Повідомлення WebSocket лише читаються — ніщо на сторінці не змінюється, не блокується і не впроваджується. Захоплені повідомлення зберігаються в пам'яті цієї вкладки (не більше 500) і зникають після її закриття або перезавантаження. Вони нікуди не надсилаються: у розширення немає ні сервера, ні аналітики. Відкликати доступ до сайту можна будь-коли: chrome://extensions → JSON Formatter & Viewer → Site access. Повна політика конфіденційності: https://json.fedrr.com/privacy.html Просто натисніть на іконку розширення, вставте JSON і відформатуйте його миттєво. Також доступно як вебзастосунок: https://json.fedrr.com