Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
创建属于你的 AI 应用,AI Agent智能办公平台
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

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

更多»
热门资源
mocha
现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用
官网
GitHub
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
类似于PageSpy的资源
Fiddler
是强大的抓包工具,它的原理是以web代理服务器的形式进行工作的
官网
fast-check
用TypeScript编写基于Property 的JavaScript测试框架
点击进入
GitHub
Standard
用于管理JavaScript 代码规范
官网
GitHub
remote-browser
一个构建在Web扩展API标准之上的底层浏览器自动化框架
点击进入
GitHub
Gremlins.js
模拟用户随机操作的 JS 测试库
点击进入
GitHub
browserhacks
各种浏览器的Hack写法
官网
Nightwatch.js
基于浏览器的web应用自动测试
官网
GitHub
Zelos
一款功能强大的代码模拟和测试平台
点击进入
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

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