介绍

PageSpy是一款用来调试Web / 小程序/ 鸿蒙APP 等平台项目的工具。

基于对原生API 的封装，它将调用原生方法时的参数进行过滤、转化，整理成格式规范的消息供调试端消费；调试端收到消息数据，提供类控制台可交互式的功能界面将数据呈现出来。

Page Spy

为什么是PageSpy ？

一图胜千言。

何时使用？

任何无法在本地使用控制台调试的场景，都是PageSpy可以大显身手的时候！一起来看下面的例子：

• 本地调试H5、Webview 应用：以往有些产品提供了可以在H5 上查看信息的面板，但移动端屏幕太小操作不便、显示不友好，以及信息被截断等问题；

• 远程办公、跨地区协同：传统沟通方式如邮件、电话、视频会议等，沟通效率不高、故障信息不全面，容易误解误判；

• 用户终端上出现白屏问题：传统定位问题的方式包括数据监控、日志分析等，这些方式依赖排障人员要理解业务需求场景、技术实现；

此类问题的共同点是开发者无法像使用控制台一样查看运行信息。

对此PageSpy 提供项目运行现场供技术人员在调试端查看，在远程协同场景中，测试人员不用再频繁的通过文字、截图、语音、录屏等方式向技术人员提供故障信息。

如何使用？

为了数据安全和方便您的使用，我们提供完整的、开箱即用的多种部署方案，各位开发者可以根据自己的情况选择任意一种部署方式。

第一种：使用Node 部署👍

视频教程：

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体验，本地测试完成后即可部署到服务器上。

第二种：使用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体验，本地测试完成后即可部署到服务器上。

Roadmap

点击查看Roadmap。

如何贡献代码？

点击查看Contributing。

FAQ

点击查看常见问题解答。