摘要: Fundebug一直专注于提高Debug效率!
各位老铁,你们在解决bug的时候,是否有过这样的困扰:
很多前端的bug,比如WeixinJSBridge is not defined
,JQuery is not defined
,Script error.
。它们到底有没有影响到用户,除非是用户主动反馈,否则我们不得而知。另一方面,研究表明Debug的绝大部分时间是花在bug复现(reproduce)。而复现的关键就是高精度还原用户触发错误的环境,以及用户的操作行为。
Fundebug在2017年上线了用户行为回溯功能,通过记录鼠标点击、网络请求等帮助开发者更好地理解出错原因。如今,我们对JavaScript监控插件再次进行重大升级,通过全面可视化重现出错场景,来方便开发者分析用户触发错误的方式。下面使用了最常见的例子(Vue.js框架开发的饿了么App)为大家演示:
也许你会疑惑:这不就是一个短视频,没啥特别的!
其实该画面截取自Fundebug的报错控制台,完整的画面是这样的(请点击播放按钮):
https://www.zhihu.com/video/981833407508144128
它并不是一个真正的视频!Fundebug通过独特的技术将用户的使用过程“录”了下来,并完全可视化重现。算法经过优化,整个“录制”过程CPU的使用率非常低。和传统的视频相比,体积小了成百上千倍。Fundebug插件“录制”的“短视频”,压缩后的体积只有几十KB。
另外,Fundebug的JavaScript插件已经对密码等敏感数据进行了自动化过滤。 并且,如果您在某个(DOM)节点配置了_fun-hide
的class,那么该元素在插件进行录制前就会被预先删除掉来保障隐私安全。具体请查看文档。
通过可视化重现出错前用户的使用情况,可以方便开发者更好地去理解bug的成因,更快复现bug!欢迎各位老铁注册体验!
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了10亿+错误事件,付费客户有Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用!
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/ 2018/05/21/fundebug_release_black_tech_replay/
饥人谷一直致力于培养有灵魂的编程者,打造专业有爱的国内前端技术圈子。如造梦师一般帮助近千名不甘寂寞的追梦人把编程梦变为现实,他们以饥人谷为起点,足迹遍布包括facebook、阿里巴巴、百度、网易、京东、今日头条、大众美团、饿了么、ofo在内的国内外大小企业。 了解培训课程:加微信 xiedaimala03,官网:https://jirengu.com
本文作者:饥人谷方应杭老师