easy-console-model
Easy Console 是一个H5页面调试工具,而 easy-console-model 用于获取调试信息,为调试工具提供数据
线上H5页面问题排查现状
1、大部分场景来自于PM反馈,且只有特定手机可以复现,需要借手机
2、抓包https页面需要安装证书,即使抓包,也无法查看console
3、测试环境不支持https,发线上测试不符合流程
问题
1、排查成本高,过程麻烦
2、新人无法立即上手排查,存在抓包工具、沟通门槛等限制
解决
提供【远程调试服务】,支持对需要调试的页面,注入 easy-console-model ,vConsole,新发布一个html页面,用于调试。如下:
同时,通过 WebSocket
将 easy-console-model 获取到的调试信息实时同步到【远程调试】的页面中,支持远程查看调试信息,远程进行问题排查。
整体实现思路如下:
效果
1、降低排查成本、简化排查过程、提高排查效率,一次问题排查:沟通、借手机、安装证书、抓包(时间:30min) → 生成调试页面 、扫描二维码、远程调试(时间:2min)
2、无需借手机,可以直接远程排查