摘要:,表示當(dāng)前錯(cuò)誤對(duì)象,包含當(dāng)前錯(cuò)誤比較詳細(xì)的堆棧等信息,需要比較新的瀏覽器才有這個(gè)參數(shù)。總結(jié)這樣我們就可以利用收集用戶(hù)的報(bào)錯(cuò)信息了完整的錯(cuò)誤收集系統(tǒng)見(jiàn)下面的參考鏈接。參考鏈接全面收集前端報(bào)錯(cuò)原文地址獲取最佳閱讀體驗(yàn)并參與討論,請(qǐng)?jiān)L問(wèn)原文
前言
最近有個(gè)頁(yè)面寫(xiě)好后在 Chrome devtools 里運(yùn)行正常,但是手機(jī)上運(yùn)行時(shí)卻出了問(wèn)題,就想著在代碼里添加下面的內(nèi)容,到手機(jī)上顯示錯(cuò)誤消息
window.onerror = function (msg, url, lineNo, columnNo, error) { alert("Error: " + msg + " Script: " + url + " Position: " + lineNo + " / " + columnNo + " StackTrace: " + error); return false; };
可是到手機(jī)上一看,錯(cuò)誤信息并沒(méi)有打印出來(lái),而是 Error: Script error
只好放狗 (Google) 一查,原來(lái)是跨域問(wèn)題
script 添加 crossorigin 屬性
然后為 js 文件添加跨域 header Access-Control-Allow-Origin: *(怎樣添加?)
收集 JavaScript 錯(cuò)誤在工作中,我們經(jīng)常遇到本地?zé)o法重現(xiàn)的錯(cuò)誤,我們可以將 onerror 捕獲的錯(cuò)誤信息提交到服務(wù)器,這樣我們就知道用戶(hù)在訪(fǎng)問(wèn)我們的網(wǎng)頁(yè)時(shí)的 js 錯(cuò)誤,方便 BUG 定位等。
window.onerror = function (msg, url, lineNo, columnNo, error) { var errorData = { msg: msg, url: url, lineNo: lineNo, columnNo: columnNo, error: error, ua: navigator.userAgent // 需要的調(diào)試的其它信息也可以收集,比如已登錄的用戶(hù)id }; $.post("/js-logger", errorData); return false; };參數(shù)解析
msg, url, lineNo, columnNo, 這4個(gè)參數(shù)看名字就能知道大概意思了。
error,Error Object (object) 表示當(dāng)前錯(cuò)誤對(duì)象,包含當(dāng)前錯(cuò)誤比較詳細(xì)的堆棧等信息,需要比較新的瀏覽器才有這個(gè)參數(shù)。
這樣我們就可以利用 onerror 收集用戶(hù)的 JavaScript 報(bào)錯(cuò)信息了
完整的 JavaScript 錯(cuò)誤收集系統(tǒng)見(jiàn)下面的參考鏈接。
參考鏈接https://blog.sentry.io/2016/0...
https://medium.com/javascript...
https://trackjs.com/blog/scri...
BugHD for JavaScript 全面收集前端報(bào)錯(cuò)
原文地址:https://uedsky.com/2016-09/catch-javascript-error/
獲取最佳閱讀體驗(yàn)并參與討論,請(qǐng)?jiān)L問(wèn)原文
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/90927.html
摘要:從收集崩潰信息到全面收集網(wǎng)站出現(xiàn)的,現(xiàn)在的變得更加強(qiáng)大。目前,收集功能已正式上線(xiàn),前端們不用再面對(duì)一堆愁容滿(mǎn)面。最后,歡迎大家奔走相告,給予我們真實(shí)有力的反饋以上為近日的更新日志,和以前一樣,要表?yè)P(yáng)或者吐槽,隨時(shí)聯(lián)系我們 從收集 APP 崩潰信息到全面收集網(wǎng)站出現(xiàn)的 Error,現(xiàn)在的 BugHD 變得更加強(qiáng)大。目前,BugHD JS Error 收集功能 已正式上線(xiàn),前端 er 們不...
摘要:前言開(kāi)發(fā)應(yīng)用程序過(guò)程中的一種常見(jiàn)的做法就是集中保存錯(cuò)誤日志以便查找重要錯(cuò)誤的原因就像數(shù)據(jù)庫(kù)和服務(wù)器都會(huì)定期寫(xiě)入日志一樣在復(fù)雜的應(yīng)用程序中我們同樣推薦你把錯(cuò)誤也回寫(xiě)到服務(wù)器換句話(huà)再說(shuō)我們也可以將這些錯(cuò)誤寫(xiě)入到保存服務(wù)器端錯(cuò)誤的地方只不過(guò)標(biāo)明他 前言 開(kāi)發(fā)web應(yīng)用程序過(guò)程中的一種常見(jiàn)的做法,就是集中保存錯(cuò)誤日志,以便查找重要錯(cuò)誤的原因. 就像數(shù)據(jù)庫(kù)和服務(wù)器都會(huì)定期寫(xiě)入日志一樣,在復(fù)雜的...
摘要:如果你的運(yùn)行緩慢,你可以考慮是否能優(yōu)化請(qǐng)求,減少對(duì)的操作,盡量少的操,或者犧牲其它的來(lái)?yè)Q取性能。在認(rèn)識(shí)描述這些核心元素的過(guò)程中,我們也會(huì)分享一些當(dāng)我們構(gòu)建的時(shí)候遵守的一些經(jīng)驗(yàn)規(guī)則,一個(gè)應(yīng)用應(yīng)該保持健壯和高性能來(lái)維持競(jìng)爭(zhēng)力。 一個(gè)開(kāi)源的前端錯(cuò)誤收集工具 frontend-tracker,你值得收藏~ 蒲公英團(tuán)隊(duì)最近開(kāi)發(fā)了一款前端錯(cuò)誤收集工具,名叫 frontend-tracker ,這款...
摘要:我所在的美團(tuán)酒店事業(yè)部去年月份成立,新的業(yè)務(wù)新的開(kāi)發(fā)團(tuán)隊(duì),這一切使得我們的前后端分離推進(jìn)的很徹底。日志監(jiān)控平臺(tái)日志監(jiān)控平臺(tái)是美團(tuán)內(nèi)部的一個(gè)日志收集系統(tǒng),目前美團(tuán)統(tǒng)一使用收集日志,具有接收格式日志的能力,而日志監(jiān)控平臺(tái)也是以格式日志來(lái)收集。 轉(zhuǎn)自:美團(tuán)技術(shù)團(tuán)隊(duì) 作者:美團(tuán)技術(shù)團(tuán)隊(duì) 分享理由:很好的分享,可見(jiàn),基于Node的前后端分離的架構(gòu)是越顯流行和重要,前端攻城獅們,No...
摘要:我對(duì)知乎前端相關(guān)問(wèn)題的十問(wèn)十答張?chǎng)涡駨場(chǎng)涡翊笊駥?duì)知乎上經(jīng)典的個(gè)前端問(wèn)題的回答。作者對(duì)如何避免常見(jiàn)的錯(cuò)誤,難以發(fā)現(xiàn)的問(wèn)題,以及性能問(wèn)題和不好的實(shí)踐給出了相應(yīng)的建議。但并不是本身有問(wèn)題,被標(biāo)準(zhǔn)定義的是極好的。 這一次,徹底弄懂 JavaScript 執(zhí)行機(jī)制 本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制,如果讀完本文還不懂,可以揍我。 不論你是javascript新手還是老...
閱讀 1986·2021-11-24 09:38
閱讀 3346·2021-11-22 12:07
閱讀 1918·2021-09-22 16:03
閱讀 1974·2021-09-02 15:41
閱讀 2631·2021-07-24 23:28
閱讀 2221·2019-08-29 13:17
閱讀 1561·2019-08-29 12:25
閱讀 2675·2019-08-29 11:10