報錯監控-監控Promise錯誤

Jrain 發布于2019-08-26 10:10 / 3059人閱讀

摘要：上次我們聊過了前端監控執行錯誤和第三方資源加載異常的監控，那么這次來聊聊如何捕獲錯誤。首先先安利下自己做的報錯監控的項目歡迎和。使用對事件進行監聽即可捕捉到未被的錯誤。

上次我們聊過了前端監控 JS 執行錯誤和第三方資源加載異常的監控，那么這次來聊聊如何捕獲 Promise 錯誤。

首先先安利下自己做的報錯監控的項目 FE-Monitor 歡迎 issue 和 star 。

Promise 在前端中的使用已經非常普遍了，但是許多開發者或許習慣了鏈式調用卻忘了捕獲 Promise 的錯誤了。

例如：

function forgetCatchError () {
  async()
    .then(() => {
      // code..
    })
    .then(() => console.log("forget catch error!"));
}

上面的示例代碼中 async() 中和后續的兩個 then 中的代碼如果出錯或者 reject ，錯誤沒有得到處理。

在沒有使用 catch 方法指定錯誤處理的回調函數，Promise 對象拋出的錯誤不會傳遞到外層代碼，即不會有任何反應。當promise被 reject 并且錯誤信息沒有被處理的時候，會拋出 unhandledrejection，這個錯誤不會被 window.onerror 和 addEventListener("error") 所監聽到。

使用 unhandledrejection

對 unhandledrejection 事件進行監聽即可捕捉到未被 catch 的 Promise 錯誤。

window.addEventListener("unhandledrejection", err => {
  console.log(err.reason)

  err.preventDefault();
}, false);

 // 或者
 window.onunhandledrejection = function(err) {
  console.log(err.reason);
  return true;
}

addEventListener 中調用 event 的 preventDefault() 可以讓 Promise 的錯誤不拋送到控制臺，在 onunhandledrejection 中則可以使用 return true 來達到相同的效果。

GPU云服務器云服務器 java錯誤日志監控監控端口監控云監控沒有監控云監控主機監控

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105725.html

一步一步搭建前端監控系統：JS錯誤監控篇

摘要：摘要徒手寫錯誤監控。為什么用定時器呢，因為在單頁應用中，路由的切換和地址欄的變化是無法被監控的，我確實沒有想到特別好的辦法來監控，所以用了這種方式，如果有人有更好的辦法，請給我留言，謝謝。摘要：徒手寫JS錯誤監控。作者：一步一個腳印一個坑原文：搭建前端監控系統（二）JS錯誤監控篇 Fundebug經授權轉載，版權歸原作者所有。背景：市面上的監控系統有很多，大多收費，對于...

EdwardUp 2019-08-23 18:30 評論0 收藏0
Vue.js@2.6.10更新內置錯誤處機制，Fundebug同步支持相應錯誤監控

摘要：摘要的錯誤監控插件同步支持異步錯誤監控。此次更新，我們對的監控插件做了相應的更新，來更好地支持使用框架開發的應用錯誤的監控。程序運行后，成功捕獲該錯誤總結更新到，對錯誤處理提供了更加強大的支持。摘要： Fundebug 的 JavaScript 錯誤監控插件同步支持 Vue.js 異步錯誤監控。 Vue.js 從誕生至今已經 5 年，尤大在今年 2 月份發布了重大更新，即Vue 2....

DC_er 2019-08-26 13:45 評論0 收藏0
前端錯誤監控與收集探究

摘要：這樣很容易造成大的損失，提前做好錯誤收集和處理，可以減少損失。編寫代碼只是做好項目的一小部分，寫代碼難免會碰到錯誤。因此，在項目上線后，我們還需要主動對項目的錯誤進行收集，不能等用戶發現錯誤，再聯系我們，我們再去處理。這樣很容易造成大的損失，提前做好錯誤收集和處理，可以減少損失。本人并沒有做過相關的工作，下面的文章只是我在學習中的一點思考和總結，可能有比較多不足和錯誤的地方，希望大...

ZoomQuiet 2019-08-22 16:02 評論0 收藏0
前端異常監控-看這篇就夠了

摘要：前端異常監控如果是移除的流程，那么編程就一定是將放進去的流程。過濾掉運行時錯誤上報加載錯誤事件捕獲異常最新的規范中定義了事件用于全局捕獲對象沒有處理器時異常情況。前端異常監控如果debug是移除bug的流程，那么編程就一定是將bug放進去的流程。如果沒有用戶反饋問題，那就代表我們的產品棒棒噠，對不對？主要內容 Web規范中相關前端異常異常按照捕獲方式分類異常的捕獲方式日志...

Aklman 2019-08-23 12:59 評論0 收藏0