Skip to content

Latest commit

 

History

History
136 lines (97 loc) · 7.34 KB

README_ZH.md

File metadata and controls

136 lines (97 loc) · 7.34 KB

Page Spy

Release license Build Status
Browser SDK version Wechat SDK version Alipay SDK version UniApp SDK version Taro SDK version Harmony SDK version API Version
Deploy with Node Deploy with Docker Deploy with Baota

PageSpy - Remote debugging as seamless as local debugging. | Product Hunt PageSpy - Remote debugging as seamless as local debugging. | Hacker News

English | 中文 | 日本語

介绍

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

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

主页

为什么是 PageSpy ?

一图胜千言。

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

技术支持

有问题可以使用微信扫码进群。

在 GitHub 中查看支持群二维码

Roadmap

点击查看 Roadmap

如何贡献代码?

点击查看 Contributing

FAQ

点击查看 常见问题解答