Repolode
Предложить
HuolalaTech

HuolalaTech/page-spy-web

Веб-клиент для удалённой отладки, который можно развернуть на своей инфраструктуре: он показывает консольный вывод и данные со страниц на удалённых устройствах вместе с SDK PageSpy.

Открыть на GitHubСайт
Звёзды
5,633
Форки
357
Открытые issues
53
Последний коммит
2 месяца назад

Что это?

PageSpy — инструмент для удалённой отладки веб-страниц, приложений React Native, мини-приложений и приложений HarmonyOS. Клиентские SDK оборачивают нативную консоль и связанные API, сериализуют аргументы и отправляют их в клиент отладки, который отображает их в интерфейсе, похожем на консоль локальных инструментов разработчика браузера.

В этом репозитории находятся веб-клиент и серверная часть системы. Их можно запустить локально с Node.js, используя пакет @huolala-tech/page-spy-api, или развернуть с помощью Docker: сервис будет доступен на порту 6752. Логи и данные хранятся в подключённых каталогах, поэтому сервис можно разместить на собственной инфраструктуре.

Проект предназначен для ситуаций, когда локальные инструменты разработчика недоступны: например, при отладке внутри мобильного webview, совместном воспроизведении ошибок командами из разных регионов или поиске причины белого экрана на устройстве конечного пользователя.

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

  • 01Оборачивает нативную консоль и связанные API в SDK для веб-приложений, React Native, мини-приложений и HarmonyOS.
  • 02Показывает удалённые логи в интерфейсе, похожем на консоль локальных инструментов разработчика.
  • 03Разворачивается с помощью Node.js через npm или с помощью Docker на порту 6752.
  • 04Хранит логи и данные на вашем сервере.

Сценарии использования

  • Отладка H5-страницы или webview на телефоне, где неудобно пользоваться локальными инструментами разработчика.
  • Помощь удалённому коллеге в воспроизведении и изучении ошибки в другом регионе.
  • Исследование белого экрана, о котором сообщили с устройства конечного пользователя.

Быстрый старт

  1. 1

    Установите API-сервис глобально с помощью npm или yarn

    npm install -g @huolala-tech/page-spy-api@latest
  2. 2

    Запустите сервис в терминале

    page-spy-api
  3. 3

    Откройте клиент в браузере по адресу localhost на порту 6752

Что важно знать

  • Для самостоятельного хостинга необходимо самостоятельно запустить сервис Node.js или контейнер Docker.
  • Для удалённой отладки необходимо добавить соответствующий SDK PageSpy на страницу или в приложение, которое отлаживается.

В подборках

Самостоятельно размещаемые приложения

Темы

#remote-debugging#console#devtools#webview#self-hosted#javascript#mini-program#debugger#remote-control

Частые вопросы

Что такое page-spy-web?
Веб-клиент для удалённой отладки, который можно развернуть на своей инфраструктуре: он показывает консольный вывод и данные со страниц на удалённых устройствах вместе с SDK PageSpy. PageSpy — инструмент для удалённой отладки веб-страниц, приложений React Native, мини-приложений и приложений HarmonyOS. Клиентские SDK оборачивают нативную консоль и связанные API, сериализуют аргументы и отправляют их в клиент отладки, который отображает их в интерфейсе, похожем на консоль локальных инструментов разработчика браузера.
page-spy-web можно использовать бесплатно? Какая у него лицензия?
page-spy-web распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
page-spy-web всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в page-spy-web — 18 сент. 2026 г..
Для чего можно использовать page-spy-web?
Отладка H5-страницы или webview на телефоне, где неудобно пользоваться локальными инструментами разработчика. Помощь удалённому коллеге в воспроизведении и изучении ошибки в другом регионе. Исследование белого экрана, о котором сообщили с устройства конечного пользователя.
Как установить page-spy-web?
Установите API-сервис глобально с помощью npm или yarn: npm install -g @huolala-tech/page-spy-api@latest Запустите сервис в терминале: page-spy-api Откройте клиент в браузере по адресу localhost на порту 6752
Где скачать page-spy-web?
Исходный код и инструкции по установке — на GitHub: https://github.com/HuolalaTech/page-spy-web

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

2234839 / silkpulse

AI-ориентированный инструмент удалённой отладки: AI-агенты могут проверять и использовать веб-страницы на удалённых устройствах — например, мобильные H5, встроенные WebView и продакшен-сайты.

Инструменты разработчика#debugging#remote-debugging#webview
232+18 за неделю16TypeScriptMITАктивно поддерживаетсяОбновлён 6 дней назад

tiann / hapi

Удалённое управление AI-агентами для программирования, например Claude Code и Codex: сессии работают на вашей машине, а управлять ими можно с телефона или через веб.

Инструменты разработчика#ai-agent#claude-code#codex
5,4 тыс.+33 за неделю649TypeScriptAGPL-3.0Активно поддерживаетсяОбновлён 20 часов назад

DeviceFarmer / stf

Веб-приложение для самостоятельного размещения, позволяющее удалённо просматривать, контролировать и управлять Android-устройствами (а в экспериментальном режиме — iOS) через браузер.

Инструменты разработчика#android#remote-control#testing
4,6 тыс.+14 за неделю639TypeScriptOtherАктивно поддерживаетсяОбновлён 8 часов назад

didi / DoKit

Набор инструментов для отладки и повышения эффективности прямо в приложении на Android, iOS, мини-программах, Flutter и Web: мониторинг производительности, Mock-данные и панели визуального анализа.

Инструменты разработчика#debugging#performance#mobile
20,4 тыс.+1 за неделю3,2 тыс.JavaApache-2.0Обновлён 19 дней назад