共计 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 兼容性;
当有新的数据或者数据发生变化的时候会实时的收到告诉。
技术支持
有问题能够应用微信扫码进群。