摘要:,表示當前錯誤對象,包含當前錯誤比較詳細的堆棧等信息,需要比較新的瀏覽器才有這個參數。總結這樣我們就可以利用收集用戶的報錯信息了完整的錯誤收集系統見下面的參考鏈接。參考鏈接全面收集前端報錯原文地址獲取最佳閱讀體驗并參與討論,請訪問原文
前言
最近有個頁面寫好后在 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/
獲取最佳閱讀體驗并參與討論,請訪問原文
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90927.html
摘要:從收集崩潰信息到全面收集網站出現的,現在的變得更加強大。目前,收集功能已正式上線,前端們不用再面對一堆愁容滿面。最后,歡迎大家奔走相告,給予我們真實有力的反饋以上為近日的更新日志,和以前一樣,要表揚或者吐槽,隨時聯系我們 從收集 APP 崩潰信息到全面收集網站出現的 Error,現在的 BugHD 變得更加強大。目前,BugHD JS Error 收集功能 已正式上線,前端 er 們不...
摘要:前言開發應用程序過程中的一種常見的做法就是集中保存錯誤日志以便查找重要錯誤的原因就像數據庫和服務器都會定期寫入日志一樣在復雜的應用程序中我們同樣推薦你把錯誤也回寫到服務器換句話再說我們也可以將這些錯誤寫入到保存服務器端錯誤的地方只不過標明他 前言 開發web應用程序過程中的一種常見的做法,就是集中保存錯誤日志,以便查找重要錯誤的原因. 就像數據庫和服務器都會定期寫入日志一樣,在復雜的...
摘要:如果你的運行緩慢,你可以考慮是否能優化請求,減少對的操作,盡量少的操,或者犧牲其它的來換取性能。在認識描述這些核心元素的過程中,我們也會分享一些當我們構建的時候遵守的一些經驗規則,一個應用應該保持健壯和高性能來維持競爭力。 一個開源的前端錯誤收集工具 frontend-tracker,你值得收藏~ 蒲公英團隊最近開發了一款前端錯誤收集工具,名叫 frontend-tracker ,這款...
摘要:我所在的美團酒店事業部去年月份成立,新的業務新的開發團隊,這一切使得我們的前后端分離推進的很徹底。日志監控平臺日志監控平臺是美團內部的一個日志收集系統,目前美團統一使用收集日志,具有接收格式日志的能力,而日志監控平臺也是以格式日志來收集。 轉自:美團技術團隊 作者:美團技術團隊 分享理由:很好的分享,可見,基于Node的前后端分離的架構是越顯流行和重要,前端攻城獅們,No...
摘要:我對知乎前端相關問題的十問十答張鑫旭張鑫旭大神對知乎上經典的個前端問題的回答。作者對如何避免常見的錯誤,難以發現的問題,以及性能問題和不好的實踐給出了相應的建議。但并不是本身有問題,被標準定義的是極好的。 這一次,徹底弄懂 JavaScript 執行機制 本文的目的就是要保證你徹底弄懂javascript的執行機制,如果讀完本文還不懂,可以揍我。 不論你是javascript新手還是老...
閱讀 1976·2021-11-24 09:38
閱讀 3339·2021-11-22 12:07
閱讀 1903·2021-09-22 16:03
閱讀 1956·2021-09-02 15:41
閱讀 2618·2021-07-24 23:28
閱讀 2211·2019-08-29 13:17
閱讀 1547·2019-08-29 12:25
閱讀 2666·2019-08-29 11:10