ghcr.io/huolalatech/page-spy-web:main

PageSpy

English | 中文 | 日本語

简介

PageSpy 是一款用于调试网页、React Native、小程序及 HarmonyOS 应用等平台项目的工具。

它对原生 API 进行封装：当这些方法运行时，会过滤并转换参数，以标准格式序列化后发送至调试客户端。客户端则在类本地开发者工具控制台的界面中渲染数据。

为什么选择 PageSpy？

一图胜千言。

适用场景

PageSpy 非常适合无法进行本地控制台调试的场景！ 以下是一些典型用例：

• H5 和 Webview 应用本地调试：移动设备屏幕尺寸有限，传统调试面板使用不便、渲染效果差，且经常截断日志。

• 远程工作与跨区域协作：邮件、电话和视频通话效率低下；错误细节易丢失，导致误解和错误结论。

• 用户终端白屏问题排查：仪表盘和日志流水线需要深厚的业务与技术栈知识，在用户设备上定位问题速度缓慢。

PageSpy 正是为面临此类情况的团队打造的。

使用方法

为确保数据可控性并简化自托管流程，我们提供了现成的部署选项。请选择适合您环境的方式。

选项 1：使用 Node.js 部署

视频教程：

yarn global add @huolala-tech/page-spy-api@latest

# 若使用 npm

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

安装完成后，在终端运行 page-spy-api 启动服务。服务启动后，在浏览器中打开 http://localhost:6752。本地测试通过后，将相同配置部署到服务器即可。

选项 2：使用 Docker 部署

视频教程：

docker run -d --restart=always -v ./log:/app/log -v ./data:/app/data -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:latest

容器运行后，在浏览器中打开 http://localhost:6752。本地测试通过后，将相同配置部署到服务器即可。

贡献指南

参见 贡献指南。

常见问题

参见 常见问题。