Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

PageSpy

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.pagespy.org
GitHub:https://github.com/HuolalaTech/page-spy-web
网站描述:多功能远程调试工具
访问官网 GitHub

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

它基于对原生 api 的封装,将调用原生方法时的参数进行过滤、转化,整理成标准格式传输给调试端;调试端收到数据后,通过类似本地控制台的界面直观呈现出来。


PageSpy 的 5 大优势

传统方案
PageSpy 远程调试
需要同一局域网/USB 线
纯 WebSocket,跨网段、跨地区
每台手机装证书、配代理
只注入一段 JS,0 侵入业务
日志靠截图/录屏
实时双向交互,可回滚、可回放
无法复现就“加埋点 → 再发版”
现场直接查看,当场定位
多人排障信息割裂
一个调试房间,开发+测试+产品同时在线

一句话:把“用户现场”变成“本地控制台”,让 Bug 无处遁形。


何时使用?

任何无法在本地使用控制台调试的场景,都是 PageSpy 可以大显身手的时候! 一起来看下面的几个场景案例:

  • 本地调试 H5、Webview 应用:移动端屏幕太小,传统调试面板操作不便、显示不友好,且容易出现信息截断;
  • 远程办公、跨地区协同:传统沟通方式(邮件、电话、视频会议)效率低,故障信息不完整,容易误解误判;
  • 用户终端白屏问题排查:数据监控、日志分析等传统方式依赖排障人员对业务和技术的深入理解,定位效率低;

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


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/4749

more>>
相关栏目
Jest
Facebook开发的一个对javascript进行单元测试的工具
官网 GitHub
puppeteer
web前端自动化测试利器
官网 GitHub
mocker-api
为 REST API 创建模拟 API
官网 GitHub
FrontJS
轻量级的网站错误监控平台
官网
Gremlins.js
模拟用户随机操作的 JS 测试库
点击进入 GitHub
JSDebugger
基于 JavaScript 的调试程序
官网 GitHub
PhantomCSS
像素对比工具
点击进入 GitHub
DejaVue
Vue.js的可视化Chrome开发工具
官网 GitHub
avoriaz
一个Vue.js测试工具类库
官网 GitHub
qunit
一个强大的JavaScript单元测试框架
官网 GitHub
Expect.js
写一些简单测试用例、仿自然语言的方法
官网 GitHub
should.js
一款js测试断言库
官网 GitHub
supertest
nodejs开发单元测试
点击进入 GitHub
Fundebug
一行代码搞定BUG监控!
官网
jasmine
一款 JavaScript 测试框架,它不依赖于其他任何 JavaScript 组件
官网 GitHub
RegExr
一个基于HTML/JS的工具,用于创建,测试和学习正则表达式
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。

手机预览