仓库地址https://github.com/HuolalaTech/page-spy-web## 开源背景技术和测试、产品不在一个地方办公。H5 项目提测后出现问题，尽管测试人员会提供 vConsole 的截图，但在「确认问题」环节上会产生很多沟通成本，本质原因是测试人员不知道代码逻辑，同时技术人员只能在测试人员的帮助下了解故障。## 设计目标出现问题后：1）测试只需要跟技术简单描述问题；2）技术可以直接看到调试信息。## 解决思路PageSpy 组合SDK、server、调试端三者。客户端集成 SDK ，SDK 收集数据发到调试端，技术人员在调试端和故障信息直接面对面。开源后提供了 Docker 、NPM Package 等多种一键部署的方案，用户可以部署到内网，承诺不会收集任何数据。## 应用截图### 主页### 待调试列表### 调试面板## 其他PageSpy 起初设计用于解决远程协同的问题，但最后发现同样可以用于在本地调试 H5。整体的调试体验也比 vConsole 更好，比如：- 检测客户端使用的系统和浏览器- 报错时支持定位到源码- 支持查看 indexedDB- 检测各个标准方法的兼容性- ……