摘要:,表示当前错误对象,包含当前错误比较详细的堆栈等信息,需要比较新的浏览器才有这个参数。总结这样我们就可以利用收集用户的报错信息了完整的错误收集系统见下面的参考链接。参考链接全面收集前端报错原文地址获取最佳阅读体验并参与讨论,请访问原文
前言
最近有个页面写好后在 Chrome devtools 里运行正常,但是手机上运行时却出了问题,就想着在代码里添加下面的内容,到手机上显示错误消息
window.onerror = function (msg, url, lineNo, columnNo, error) { alert("Error: " + msg + " Script: " + url + " Position: " + lineNo + " / " + columnNo + " StackTrace: " + error); return false; };
可是到手机上一看,错误信息并没有打印出来,而是 Error: Script error
只好放狗 (Google) 一查,原来是跨域问题
script 添加 crossorigin 属性
然后为 js 文件添加跨域 header Access-Control-Allow-Origin: *(怎样添加?)
收集 JavaScript 错误在工作中,我们经常遇到本地无法重现的错误,我们可以将 onerror 捕获的错误信息提交到服务器,这样我们就知道用户在访问我们的网页时的 js 错误,方便 BUG 定位等。
window.onerror = function (msg, url, lineNo, columnNo, error) { var errorData = { msg: msg, url: url, lineNo: lineNo, columnNo: columnNo, error: error, ua: navigator.userAgent // 需要的调试的其它信息也可以收集,比如已登录的用户id }; $.post("/js-logger", errorData); return false; };参数解析
msg, url, lineNo, columnNo, 这4个参数看名字就能知道大概意思了。
error,Error Object (object) 表示当前错误对象,包含当前错误比较详细的堆栈等信息,需要比较新的浏览器才有这个参数。
这样我们就可以利用 onerror 收集用户的 JavaScript 报错信息了
完整的 JavaScript 错误收集系统见下面的参考链接。
参考链接https://blog.sentry.io/2016/0...
https://medium.com/javascript...
https://trackjs.com/blog/scri...
BugHD for JavaScript 全面收集前端报错
原文地址:https://uedsky.com/2016-09/catch-javascript-error/
获取最佳阅读体验并参与讨论,请访问原文
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/90927.html
摘要:从收集崩溃信息到全面收集网站出现的,现在的变得更加强大。目前,收集功能已正式上线,前端们不用再面对一堆愁容满面。最后,欢迎大家奔走相告,给予我们真实有力的反馈以上为近日的更新日志,和以前一样,要表扬或者吐槽,随时联系我们 从收集 APP 崩溃信息到全面收集网站出现的 Error,现在的 BugHD 变得更加强大。目前,BugHD JS Error 收集功能 已正式上线,前端 er 们不...
摘要:前言开发应用程序过程中的一种常见的做法就是集中保存错误日志以便查找重要错误的原因就像数据库和服务器都会定期写入日志一样在复杂的应用程序中我们同样推荐你把错误也回写到服务器换句话再说我们也可以将这些错误写入到保存服务器端错误的地方只不过标明他 前言 开发web应用程序过程中的一种常见的做法,就是集中保存错误日志,以便查找重要错误的原因. 就像数据库和服务器都会定期写入日志一样,在复杂的...
摘要:如果你的运行缓慢,你可以考虑是否能优化请求,减少对的操作,尽量少的操,或者牺牲其它的来换取性能。在认识描述这些核心元素的过程中,我们也会分享一些当我们构建的时候遵守的一些经验规则,一个应用应该保持健壮和高性能来维持竞争力。 一个开源的前端错误收集工具 frontend-tracker,你值得收藏~ 蒲公英团队最近开发了一款前端错误收集工具,名叫 frontend-tracker ,这款...
摘要:我所在的美团酒店事业部去年月份成立,新的业务新的开发团队,这一切使得我们的前后端分离推进的很彻底。日志监控平台日志监控平台是美团内部的一个日志收集系统,目前美团统一使用收集日志,具有接收格式日志的能力,而日志监控平台也是以格式日志来收集。 转自:美团技术团队 作者:美团技术团队 分享理由:很好的分享,可见,基于Node的前后端分离的架构是越显流行和重要,前端攻城狮们,No...
摘要:我对知乎前端相关问题的十问十答张鑫旭张鑫旭大神对知乎上经典的个前端问题的回答。作者对如何避免常见的错误,难以发现的问题,以及性能问题和不好的实践给出了相应的建议。但并不是本身有问题,被标准定义的是极好的。 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。 不论你是javascript新手还是老...
阅读 1923·2021-11-24 09:38
阅读 3315·2021-11-22 12:07
阅读 1876·2021-09-22 16:03
阅读 1896·2021-09-02 15:41
阅读 2601·2021-07-24 23:28
阅读 2192·2019-08-29 13:17
阅读 1533·2019-08-29 12:25
阅读 2647·2019-08-29 11:10