关于开发工具:PageSpy-崭新的远程调试平台

47次阅读

共计 963 个字符,预计需要花费 3 分钟才能阅读完成。

介绍

PageSpy 是一款用来调试近程 Web 我的项目的工具。

基于对原生 API 的封装,它将调用原生办法时的参数进行过滤、转化,整顿成格局标准的音讯供调试端生产;调试端收到音讯数据,提供类控制台可交互式的性能界面将数据出现进去。

何时应用?

任何无奈在本地应用控制台调试的场景,都是 PageSpy 能够大显神通的时候! 一起来看上面的两个例子:

节俭沟通老本,晋升协同效率 :在古代近程工作和跨地区单干变得越来越广泛的背景下,技术人员和测试人员之间的无效协同变得异样重要。然而,
传统的沟通形式如邮件、电话、视频会议等存在沟通效率不高、故障信息不全面、误会误判等。PageSpy 提供我的项目运行现场供技术人员在调试端查看,测试人员不必再频繁
的通过文字、截图、录屏等形式向技术人员提供故障信息。

精准高效排障,防止海底捞针 :当利用在用户的终端上呈现白屏或其余相似致命问题时,疾速定位、精准排障并修复问题始终是技术人员面临的难题。
传统定位问题的形式包含数据监控、日志剖析等,这些形式不仅会消耗大量的工夫和精力来剖析和诊断问题,还极度依赖排障人员十分了解业务需要场景、技术实现。PageSpy 将错误信息间接出现给技术人员,排除所有信息烦扰,show the code!

如何应用?

为了数据安全和不便您的应用,咱们提供残缺的、开箱即用的部署计划。

Docker 部署

docker run -d --restart=always -p 6752:6752 --name="pageSpy" ghcr.io/huolalatech/page-spy-web:release

部署实现后,页面顶部会呈现 接入 SDK 菜单,点击菜单查看如何在业务我的项目中配置并集成。

性能概览

Console 面板

显示 console.<log | info | warn | error> 日志信息,能够执行代码;


Network 面板

显示 fetch | XMLHttpRequest | navigator.sendBeacon 的网络申请;


Page 面板

显示以后页面,查看 HTML 节点树;


Storage 面板

查看 localStorage | sessionStorage | cookie 缓存数据;


Systems 面板

显示 userAgent 信息,查看 api 兼容性;


当有新的数据或者数据发生变化的时候会实时的收到告诉。

技术支持

有问题能够应用微信扫码进群。

正文完
 0