微信端内网页远程调试及断点原理@邱焱坤_FEDAY2024

FEDAY 2024 于 12 月 7 日在厦门成功举办。 微信公众号作为一个有一定用户规模的平台，图文页面会在各种意想不到的环境和平台下被访问，因此存在各式各样的兼容性问题。而这些环境和平台，一直以来也让我们调试非常难受。 为了抹平不同平台之间的调试差异，我们基于Chrome DevTools Protocol实现了纯前端的调试工具mprdev，通过多种网络通道将调试信息发送至Chrome DevTools中来进行调试。 其中，断点作为不可或缺的调试能力，由于不能依赖平台内核提供接口，我们通过协程的方式得以实现，使得SDK能在各种环境下均能提供较为完整的调试体验。 另外，断点实现本身和远程调试无关，所以我们抽象出来了断点工具vDebugger，以支持在JSCore等非浏览器环境下进行断点调试。