Skip to Content
Nextra 4.0 is released 🎉
工具库PageSpy

PageSpy

PageSpy是什么?

PageSpy[1] 是由货拉拉大前端开源的一款用于调试 H5 、或者远程 Web 项目的工具。是一个强大的开源前端远程调试平台,它可以显著提高我们在面对前端问题时的效率。

官网 

Github地址 

有什么作用?

  • 一眼查看客户端信息 能识别客户端运行环境,支持Linux/Mac/Window/IOS/Android
  • 实时查看输出 可以实时输出客户端的Element, Console, Network, Storage
  • 网络请求监控 可以捕获和显示页面的网络请求
  • 远程控制台 支持远程调试客户机上的JavaScript代码

如何使用?

  1. 安装npm包
yarn global add @huolala-tech/page-spy-api # 如果你使用 npm npm install -g @huolala-tech/page-spy-api
  1. 启动服务

直接在命令行执行page-spy-api,部署完成后浏览器访问<host>:6752,页面顶部会出现接入SDK菜单,点击菜单查看如何在业务项目中配置并集成。

命令行执行后出现这个界面表示服务启动成功了,然后访问我自己的ip+端口,再点击顶部接入SDK

Last updated on