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