PageSpyAPI 服务端:调试端和SDK的“中间人”,负责中转两端之间的通信消息。 PageSpy 平台 SDK:由开发者在业务项目中集成,集成后即可收集客户端的运行信息,通过服务端将消息转发到调试端,开发者即可对项目的运行状况一目了然。 通过这三部分的有机结合,PageSpy 提供了一键使用的支持,开发者无需关心内部实现细节,即...
❝ PageSpy[1] 是由货拉拉大前端开源的一款用于调试 H5 、或者远程 Web 项目的工具。是一个强大的开源前端远程调试平台,它可以显著提高我们在面对前端问题时的效率。 ❞ 有什么作用? 一眼查看客户端信息能识别客户端运行环境,支持Linux/Mac/Window/IOS/Android 实时查看输出可以实时输出客户端的 Element, Console...
PageSpy 的接口是用go 开发的,将 go 编译后的产物作为 npm 包发布。安装 @huolala-tech/page-spy-api,通过 page-spy-api 启动的过程是找到当前系统支持的go 编译产物并执行。项目内提供常规的 build.sh、start.sh 即可,nginx.conf 代理支持 ws 协议。 由于PageSpy 本身不提供权限管控,而调试后台会暴露用户的...
首先可以明确的是,PageSpy 调试端展示的数据来源于 SDK 告诉它的,但 SDK 是如何做到的呢? 以console.log(res.data.users)为例,SDK 大致如下处理: // SDK 通过插件的形式组织能力abstractclassPageSpyPlugin{publicconstructor(publicname:string){}// 加载后立即生效publicabstractonCreated?():void;// 用户主动...
PageSpy 是一款用来调试远程 Web 项目的工具。 基于对原生 API 的封装,它将调用原生方法时的参数进行过滤、转化,整理成格式规范的消息供调试端消费;调试端收到消息数据,提供类控制台可交互式的功能界面将数据呈现出来。 何时使用? 任何无法在本地使用控制台调试的场景,都是 PageSpy 可以大显身手的时候! 一起来看...
PageSpy SDK:由开发者在业务项目中集成,集成后通过实例化即可收集客户端的运行信息,通过 ServerAPI将消息转发到调试端,开发者即可对项目的运行状况一目了然。 对于以上三个部分,PageSpy 合三为一,提供了一键使用的支持,各位开发者无需关心内部实现细节,可以直接上手集成,点击查看详情。
pageSpy - 远程调试利器 前言 在工作中, 经常需要面对的问题就是处理客户提出的bug. 但是这个事儿最耗费精力甚至决定能不能修的核心点, 就是复现bug. 因为不同业务的平台和表现形式不同, 可能大家调试的方式也有些差异. 对于笔者来说, 最高效的方式是开启本地开发环境, 得到用户的登录凭证, 根据用户反馈的...
3、启动当前项目,在新建一个终端启动pagespy: page-spy-api 4、在启动的项目页面左下角就会有个图标,说明成功了 image.png 5、在启动pagespy中有个地址打开选择房间列表,默认会展示我们当前的项目,要是没有的话,输入上方图片中的设备id搜索即可 image.png ...
货拉拉开源的 PageSpy ,可以看到鸿蒙 App 的很多运行时信息,比 DevEcho 好用很多。 - 日志输出:console.log(...) - 网络请求 - 报错也可以拿到 - AppStorage 的内容 仓库地址:https://github.com/HuolalaTech/page-spy-web/wiki/%E9%B8%BF%E8%92%99%E7%89%88%E6%9C%AC%E7%9A%84-PageSpy-%E4%B...