乐趣区

Fundebug前端JavaScript插件更新至1.7.0,拆分录屏代码,还原部分Script error.

摘要:BUG 监控插件压缩至 18K。

1.7.0 拆分了录屏代码,BUG 监控插件压缩至 18K,另外我们还原了部分 Script error,帮助用户更方便地 Debug。请大家及时更新哈~
拆分录屏代码
从 1.7.0 版本开始,我们拆分了录屏代码。如果需要使用录屏功能的话,需要单独接入录屏插件。
使用 script 方式接入
<script type=”text/javascript” src=”https://js.fundebug.cn/fundebug.revideo.0.2.0.min.js” ></script>
使用 NPM 方式接入
require(“fundebug-revideo”);
还原部分 Script error.
关于 Script error. 的原理以及解法的详细介绍,请参考我们的博客:

Script error. 全面解析
Script error. 深度测试
Script error. 解决方法

简单地说,当跨域的 JS 脚本出错时,浏览器为了安全性,只会给我们返回 ”Script error.”,这样会对 Debug 造成很大困扰。
我们通过技术手段,成功还原了 addEventListener 回调函数中抛出的 Script error.
感兴趣的同学可以将下面这段代码放到跨域的 JS 脚本中进行测试,Fundebug 插件 1.6.0 只能获取 Script error,而 1.7.0 则可以成功获取真实的报错信息 ”test”。
var btn = document.querySelector(“#button”);
btn.addEventListener(“click”, function() {
throw new Error(“test”);
});
最后,感谢 Fundebug 用户 yaoqi 与 penyu 的反馈!
参考

黑科技!Fundebug 支持可视化重现出错场景
Fundebug 文档 – 录屏
Script error. 全面解析
Script error. 深度测试
Script error. 解决方法

关于 Fundebug
Fundebug 专注于 JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js 和 Java 线上应用实时 BUG 监控。自从 2016 年双十一正式上线,Fundebug 累计处理了 10 亿 + 错误事件,付费客户有 Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用!

版权声明
转载时请注明作者 Fundebug 以及本文地址:https://blog.fundebug.com/2019/03/11/fundebug-javascript-1-7-0/

退出移动版