【开源自荐】PageSpy，远程调试Web项目，本地H5调试可以替代 vConsole

[wqcstrong]

仓库地址

https://github.com/HuolalaTech/page-spy-web

开源背景

技术和测试、产品不在一个地方办公。H5 项目提测后出现问题，尽管测试人员会提供 vConsole 的截图，但在「确认问题」环节上会产生很多沟通成本，本质原因是测试人员不知道代码逻辑，同时技术人员只能在测试人员的帮助下了解故障。

设计目标

出现问题后：1）测试只需要跟技术简单描述问题；2）技术可以直接看到调试信息。

解决思路

PageSpy 组合SDK、server、调试端三者。客户端集成 SDK ，SDK 收集数据发到调试端，技术人员在调试端和故障信息直接面对面。开源后提供了 Docker 、NPM Package 等多种一键部署的方案，用户可以部署到内网，承诺不会收集任何数据。

应用截图

主页

待调试列表

调试面板

其他

PageSpy 起初设计用于解决远程协同的问题，但最后发现同样可以用于在本地调试 H5。整体的调试体验也比 vConsole 更好，比如：

• 检测客户端使用的系统和浏览器
• 报错时支持定位到源码
• 支持查看 indexedDB
• 检测各个标准方法的兼容性
• ……