黑科技!Fundebug支持可视化重现出错场景

摘要: Fundebug一直专注于提高Debug效率!

各位老铁,你们在解决bug的时候,是否有过这样的困扰:

  • bug严不严重,要不要立即修复?
  • 用户有没有受到影响,是否影响使用?
  • 到底是如何触发这个bug的?

很多前端的bug,比如WeixinJSBridge is not definedJQuery is not definedScript error.。它们到底有没有影响到用户,除非是用户主动反馈,否则我们不得而知。另一方面,研究表明Debug的绝大部分时间是花在bug复现(reproduce)。而复现的关键就是高精度还原用户触发错误的环境,以及用户的操作行为。

Fundebug在2017年上线了用户行为回溯功能,通过记录鼠标点击、网络请求等帮助开发者更好地理解出错原因。如今,我们对JavaScript监控插件再次进行重大升级,通过全面可视化重现出错场景,来方便开发者分析用户触发错误的方式。下面使用了最常见的例子(Vue.js框架开发的饿了么App)为大家演示:

也许你会疑惑:这不就是一个短视频,没啥特别的! 其实该画面截取自Fundebug的报错控制台,完整的画面是这样的(请点击播放按钮):

它并不是一个真正的视频!Fundebug通过独特的技术将用户的使用过程“录”了下来,并完全可视化重现。算法经过优化,整个“录制”过程CPU的使用率非常低。和传统的视频相比,体积小了成百上千倍。Fundebug插件“录制”的“短视频”,压缩后的体积只有几十KB。

另外,Fundebug的JavaScript插件已经对密码等敏感数据进行了自动化过滤。 并且,如果您在某个(DOM)节点配置了_fun-hide的class,那么该元素在插件进行录制前就会被预先删除掉来保障隐私安全。具体请查看文档

通过可视化重现出错前用户的使用情况,可以方便开发者更好地去理解bug的成因,更快复现bug!欢迎各位老铁注册体验!

关于Fundebug

Fundebug专注于JavaScript、微信小程序、小游戏BUG监控,自从2016年双十一正式上线,Fundebug已经服务了一年半时间,累计处理了5亿+错误事件,得到了众多知名用户的认可。

参考

版权声明:
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2018/05/21/fundebug_release_black_tech_replay/

您的用户遇到BUG了吗?

体验Demo 免费使用

.copyright * { box-sizing: border-box; }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员的知识天地

最有效、最全的Vue 2.0 学习路线,各个阶段适用

对于我这种从0.x版本就开始体验 vuejs 的人来说,当然不算难,那时候没各种脚手架和复杂搭配,仅仅是一个mvvm的解决方案库而已,解决了jq带来的繁琐操作d...

992
来自专栏腾讯云安全的专栏

Apache Struts2漏洞又来, 腾讯云WAF一键防御

1778
来自专栏知晓程序

「大众点评点餐」小程序开发经验 01:概述

1564
来自专栏编程微刊

进阶攻略|前端完整的学习路线

2015
来自专栏玉树芝兰

如何用正确的姿势发微信群通知?

人数众多的微信群里,你如何管理通知发放进度?想不想使用更高效的办法发通知?本文推荐给你一款小程序,帮助你轻松搞定微信群通知。

841
来自专栏编程微刊

推荐一款稳定快速免费的前端开源项目 CDN 加速服务

前面学习到什么是CDN,全称是Content Delivery Network,即内容分发网络。CDN的通俗理解就是网站加速,CPU均衡负载。

1801
来自专栏FreeBuf

木马的前世今生:上线方式的发展及新型上线方式的实现

0x00 前言 在讲文章主题之前,我们还是习惯性地聊(che)一(che)聊(dan)。 远程控制木马大家都不陌生,尤其是早期接触黑客技术的人,应该可以发现早在...

20710
来自专栏编程

6本PHP必备书籍,你值得拥有

PHP(Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,...

1876
来自专栏游戏杂谈

记一次郁闷的更新

  开发的游戏,使用双线,但每次更新都会有玩家反馈说无法进入游戏了。很不幸,上周日更新的时候又遇到了问题了,然后开始排查问题…

544
来自专栏FreeBuf

窃听电话的Hacking Team RCSAndroid木马

安卓设备小心:4.0-4.3版本都可以被RCSAndroid 搞定。 安卓平台上的远程控制木马RCSAndroid是目前曝光的安卓中最专业、最复杂的恶意程序之一...

1998

扫码关注云+社区