← Все проекты
Проект / TypeScript

wesbos/JSON-Alexander: JSON Alexander — расширение для просмотра JSON в браузере

Автоматически превращает сырые JSON-ответы в интерактивное дерево с подсветкой и удобной навигацией.

JSON Alexander — это расширение для Chrome, написанное на TypeScript, которое превращает нечитаемые JSON-ответы в удобное интерактивное дерево. Оно автоматически подхватывает JSON с любых страниц и предоставляет инструменты для навигации, поиска путей и...

★ 57 TypeScript Форки 0 Issue 0 Оценка 7/10 Карточка проверена

Для кого это

Для фронтенд-разработчиков, бэкенд-разработчиков и всех, кто часто работает с JSON API и хочет быстро анализировать структуру данных прямо в браузере.

Проблема / задача

Когда открываешь JSON-ответ в браузере, видишь просто сплошной текст без форматирования — приходится копировать в сторонние инструменты или расширения, чтобы нормально разобраться в структуре.

Как это работает

Расширение автоматически обнаруживает JSON-ответы на страницах и заменяет сырой текст на интерактивное дерево с подсветкой синтаксиса. Можно сворачивать и разворачивать узлы, видеть полный путь к любому свойству, копировать отдельные пути или весь JSON, переключать темы и уровни вложенности.

Что видно по README

JSON Alexander — это расширение для Chrome, написанное на TypeScript, которое превращает нечитаемые JSON-ответы в удобное интерактивное дерево. Оно автоматически подхватывает JSON с любых страниц и предоставляет инструменты для навигации, поиска путей и копирования данных.

Ключевые возможности

Подсветка синтаксиса для ключей, строк, чисел и булевых значенийСворачиваемое дерево с контролем уровня вложенностиПоказ полного JSON-пути при наведении с возможностью копированияПереключение между темной, светлой и автоматической темамиПросмотр сырого JSON и копирование в буфер обмена

Технологии

TypeScriptViteGo

Интересный факт

Название проекта — отсылка к Александру Великому (Alexander the Great), но здесь «Александр» форматирует JSON, а не завоёвывает империи.

С чего начать

  • Склонируйте репозиторий
  • Выполните npm run build для сборки
  • В Chrome зайдите в chrome://extensions, включите режим разработчика и загрузите папку dist как распакованное расширение

Оценка GitRadar

Удобство
8/10
Свежесть
6/10
Перспектива
7/10
Монетизация
3/10
Общая оценка
7/10

Вердикт GitRadar

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

Наблюдения по обновлениям

Проект выглядит стабильным, но активность разработки низкая (21 звезда, 0 форков). Кодовая база чистая, TypeScript + Vite.

Что мы проверили

Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.

Исходный репозиторий
https://github.com/wesbos/JSON-Alexander
Создан на GitHub
1 апреля 2026 г.
Последнее обновление репо
1 апреля 2026 г.
Последняя проверка GitRadar
1 апреля 2026 г.
Изученные файлы
README.md, package.json, src/page-script.ts, src/content.ts, src/viewer.ts, vite.config.ts

FAQ

Что это такое?

Браузерное расширение для Chrome, которое автоматически форматирует JSON-ответы в интерактивное дерево с подсветкой.

Для кого подходит?

Для разработчиков, которые часто тестируют API и анализируют JSON-структуры прямо в браузере.

Источники

  • GitHub исходный код и активность
  • README описание, ссылки, стартовые материалы

Нужна помощь с wesbos/JSON-Alexander?

Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.