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

简介: 摘要: BUG监控插件压缩至18K。 1.7.0拆分了录屏代码,BUG监控插件压缩至18K,另外我们还原了部分Script error,帮助用户更方便地Debug。请大家及时更新哈~ 拆分录屏代码 从1.7.0版本开始,我们拆分了录屏代码。

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

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

拆分录屏代码

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

使用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.的原理以及解法的详细介绍,请参考我们的博客:

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

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

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

var btn = document.querySelector("#button");
btn.addEventListener("click", function() {
    throw new Error("test");
});

最后,感谢Fundebug用户yaoqipenyu的反馈!

参考

版权声明

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

目录
相关文章
|
10天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
10天前
|
前端开发 小程序 Java
uniapp上传图片 前端以及java后端代码实现
uniapp上传图片 前端以及java后端代码实现
27 0
|
12天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
33 5
|
14天前
|
缓存 前端开发
前端代码整洁与规范之CSS篇
【4月更文挑战第2天】 前端代码整洁与规范之CSS篇
35 4
|
27天前
|
JSON 前端开发 Java
layui上传图片,前端直接拷代码,后端……
layui上传图片,前端直接拷代码,后端……
24 0
|
28天前
|
JavaScript 前端开发 Java
纯前端JS实现人脸识别眨眨眼张张嘴案例
纯前端JS实现人脸识别眨眨眼张张嘴案例
39 0
|
29天前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
27 0
|
2天前
|
前端开发 JavaScript 算法
比较流行的前端代码书写规范都有哪些
【4月更文挑战第13天】前端代码规范增进代码可读性和团队协作,包括缩进(用2空格)、命名(变量 camelCase,常量 MY_CONSTANT,类 PascalCase)、注释、语句与表达式、错误处理、代码复用。文件命名规范涉及扩展名、目录结构、简洁文件名、入口文件和配置文件命名。遵循这些规范能提高代码一致性,但需按项目需求调整。不断学习新规范以适应前端技术发展。
9 1
|
4天前
|
监控 前端开发 JavaScript
如何使用浏览器调试前端代码?
【4月更文挑战第11天】前端开发中,浏览器调试是关键技能,能提升代码质量。本文介绍了如何使用浏览器的调试工具:1) 打开调试窗口(F12或右键检查);2) Elements标签页检查DOM结构和样式;3) Console调试JavaScript,查看日志和错误信息;4) Sources设置断点调试JS文件;5) 利用Network、Performance和Memory等标签页优化性能。熟悉调试工具、利用日志和错误信息能有效定位问题,提高开发效率。
16 7
|
24天前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
30 1