资讯专栏INFORMATION COLUMN

有浏览器的地方就有Fundebug

DangoSky / 2846人阅读

摘要:已经全面支持主流浏览器啦对于前端开发者,兼容各种浏览器是一件非常痛苦的事情。并且,同一个错误在不同浏览器下的,,,与都有可能不同。根据我们的初步估算,目前聚合算法能够将的重复错误成功聚合,这样极大地提高了用户分析错误的效率。

Fundebug已经全面支持主流浏览器啦!

对于前端开发者,兼容各种浏览器是一件非常痛苦的事情。在搜索框中输入关键字JavaScript浏览器兼容,结果是这样的:

IE和Firefox的Javascript兼容性总结

JavaScript中浏览器兼容问题

JavaScript初学者建议:不要去管浏览器兼容

...

有浏览器的地方就有Fundebug

Fundebug是前端JavaScript错误实时监测平台,经过大量兼容性调试,Fundebug的JavaScript监测插件已经能够在各种主流浏览器中自动捕获错误,并且可以获取最全面的错误信息,帮助开发者更快的Debug。而对于近来不怎么受待见的IE浏览器,我们也进行了全面支持,从IE 6到IE 11

为什么要兼容各种浏览器?

根据百度统计的最新数据,2016年10月份到12月份国内的浏览器份额如图所示:

可知,用户偏好千差万别,而各版本的IE的市场份额总计为26%,仅次于Chrome。我还有什么话可说呢?国内主流浏览器都采用双内核机制,即兼容模式和极速模式,而所谓兼容模式,使用的是triend内核,即IE内核。

作为一个自带价值观的产品,Fundebug希望通过兼容各种浏览器帮助开发者提升用户体验

兼容浏览器坑在哪里?

Error对象的属性各有不同,例如大名鼎鼎的Chrome的Error对象木有fileName,lineNumber以及columnNumber属性;

Onerror事件的参数各有不同,例如老版本的Firefox木有columnNumber 和error参数

API不同,例如老版本的IE木有JSON对象;

同一个属性名在不同浏览器的含义不同;

同一个属性在不同浏览器的名称不同;

国内浏览器的IE兼容模式与真正的IE也略有不同;

......

这些问题大概前端工程师都会深有同感吧。

错误智能聚合

同样的代码产生的同一个错误,在不同浏览器上的报错信息是各不相同的。name不同的错误可能是同一个错误,例如SyntaxErrorReferenceError;message不同的错误可能是同一个错误,例如can not find variable fundebugfundebug is not defined。并且,同一个错误在不同浏览器下的lineNumber,columnNumber,stack,与url都有可能不同。

对于这个问题,我们对收集的错误利用机器学习算法进行了智能聚合,尽量将同一个错误聚合到一起,减少重复报警。根据我们的初步估算,目前聚合算法能够将90%的重复错误成功聚合,这样极大地提高了用户分析错误的效率。

还等什么呢?感觉免费注册Fundebug吧!

版权声明:
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/01/16/fundebug-support-all-browsers/

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88100.html

相关文章

  • Nginx之OCSP stapling配置

    摘要:摘要正确地配置可以提高性能。顾名思义,它是一个用于检查证书状态的协议,浏览器使用这个协议来检查证书是否被撤销。存在隐私和性能问题。检测能够对开启的网站的配置进行全面分析,可以检测的状态。根据文档,最好使用本地服务,可以防止欺骗。 摘要: 正确地配置OCSP stapling, 可以提高HTTPS性能。 showImg(https://segmentfault.com/img/bV45G...

    CastlePeaK 评论0 收藏0
  • 深究WeixinJSBridge未定义之因

    摘要:未使用微信如果网页中未使用微信用户在微信中打开网站可能会触发这个错误,目前看来只有忽略。关于微信支付方法监听事件之后再进行下一步操作方法直接使用文档中的支付代码,不要使用公众号支付文档里面的代码。 Fundebug并没有使用微信JS-SDK,然而却收到了WeixinJSBridge is not defined的报错: showImg(https://segmentfault.com...

    gself 评论0 收藏0
  • 99%程序都没考虑网络异常?使用Fundebug.notify()主动上报

    摘要:而且官方也给出了示例在回调函数中上报异常为了确保完全掌握小程序的运行状况,我们将异常上报。的微信小程序插件除了可以自动捕获异常外,还支持通过接口主动上报异常。 近日看到一篇文章99%的程序都没有考虑的网络异常,开篇提到: 绝大多数程序只考虑了接口正常工作的场景,而用户在使用我们的产品时遇到的各类异常,全都丢在看似 ok 的 try catch 中。如果没有做好异常的兼容和兜底处理,会极...

    ChanceWong 评论0 收藏0
  • 一步一步搭建前端监控系统:如何将网页截图上报?

    摘要:目前已经在运行的线上前端监控系统代码和讲解都放在这篇文章里监控系统介绍及代码用户对前端程序员来说,就是一个黑匣子。 摘要: 通过录屏或者截图,快速复现BUG场景。 作者:一步一个脚印一个坑 原文:搭建前端监控系统(备选)Js截图上报篇 Fundebug经授权转载,版权归原作者所有。 PS:本文关于Fundebug录屏功能的内容有些不准确的地方,比如录屏并非通过截图实现的,录屏插件...

    Martin91 评论0 收藏0
  • JavaScript深入浅出第2课:函数是一等公民是什么意思呢?

    摘要:函数是一等公民,是什么意思呢我来与大家探讨一下,抛砖引玉。对于来说,函数可以赋值给变量,也可以作为函数参数,还可以作为函数返回值,因此中函数是一等公民。也就是说,函数为第一公民是函数式编程的必要条件。 摘要: 听起来很炫酷的一等公民是啥? 《JavaScript深入浅出》系列: JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼? JavaScript深入浅出第2课...

    wmui 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<