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

绝地灬酷狼 2022-02-22 10:54 108阅读 0赞

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

[![2019-03-13-fundebug-js-171.png][]][2019-03-13-fundebug-js-171.png]

**1.7.1**拆分了录屏代码，BUG 监控插件压缩至**18K**，另外我们还原了部分 Script error，帮助用户更方便地 Debug。请大家及时更新哈~

### 拆分录屏代码 ###

从**1.7.1**版本开始，我们拆分了录屏代码。如果需要使用录屏功能的话，需要单独接入录屏插件。

**使用 script 方式接入**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>&lt;script
    type="text/javascript"
    src="https://js.fundebug.cn/fundebug.revideo.0.2.0.min.js"
&gt;&lt;/script&gt;
</pre> </td> 
  </tr> 
 </tbody> 
</table>

**使用 NPM 方式接入**

<table> 
 <tbody> 
  <tr> 
   <td> <pre>require("fundebug-revideo");
</pre> </td> 
  </tr> 
 </tbody> 
</table>

### 还原部分 Script error. ###

关于 Script error.的原理以及解法的详细介绍，请参考我们的博客:

*  [Script error.全面解析][Script error.]
 *  [Script error.深度测试][Script error. 1]
 *  [Script error.解决方法][Script error. 2]

简单地说，当跨域的 JS 脚本出错时，浏览器为了安全性，只会给我们返回”Script error.”，这样会对 Debug 造成很大困扰。

我们通过技术手段，成功还原了 addEventListener 回调函数中抛出的 Script error.

感兴趣的同学可以将下面这段代码放到跨域的 JS 脚本中进行测试，Fundebug 插件 1.6.0 只能获取 Script error，而 1.7.1 则可以成功获取真实的报错信息”test”。

<table> 
 <tbody> 
  <tr> 
   <td> <pre>var btn = document.querySelector("#button");
btn.addEventListener("click", function() {
    throw new Error("test");
});
</pre> </td> 
  </tr> 
 </tbody> 
</table>

最后，感谢 Fundebug 用户**yaoqi**与**penyu**的反馈！

### 参考 ###

*  [黑科技！Fundebug 支持可视化重现出错场景][Fundebug]
 *  [Fundebug 文档 - 录屏][Fundebug _ -]
 *  [Script error.全面解析][Script error.]
 *  [Script error.深度测试][Script error. 1]
 *  [Script error.解决方法][Script error. 2]

### 关于Fundebug ###

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

[![wechat_slogan.png][]][wechat_slogan.png]

转载时请注明作者**[ Fundebug][Fundebug 2]**以及本文地址：  
**[https://blog.fundebug.com/2019/03/11/fundebug-javascript-1-7-0/][https_blog.fundebug.com_2019_03_11_fundebug-javascript-1-7-0]**

[2019-03-13-fundebug-js-171.png]: /images/20220222/be879c44c6e74961895c5f7125fce9d6.png
[Script error.]: https://blog.fundebug.com/2017/04/05/understand-script-error/
[Script error. 1]: https://blog.fundebug.com/2017/04/06/test-script-error/
[Script error. 2]: https://blog.fundebug.com/2017/04/07/solve-script-error/
[Fundebug]: https://blog.fundebug.com/2018/05/21/fundebug_release_black_tech_replay/
[Fundebug _ -]: https://docs.fundebug.com/notifier/javascript/revideo.html
[Fundebug 1]: https://www.fundebug.com/
[Link 1]: https://www.fundebug.com/team/create
[wechat_slogan.png]: /images/20220222/8ef2cb03b344462082aa34ea24a60578.png
[Fundebug 2]: https://fundebug.com/
[https_blog.fundebug.com_2019_03_11_fundebug-javascript-1-7-0]: https://blog.fundebug.com/2019/03/11/fundebug-javascript-1-7-0/