前言

前段時間做專案的時候，釋出功能的時候，本地是好的，測試是好的，正式也是好的，但是客戶開啟正式的時候白屏了，把軟體刪除了，重新打開了又好了，但是不能總是讓使用者去刪除軟體又重新下。所以弄了一個簡潔的前段監控。

如果前端報錯，都會在控制檯列印，但是怎麼去捕獲呢？window提高了一個監聽頁面錯誤的方法

window.onerror = (errorMessage, scriptURI, lineNo, columnNo, error) => {
sendError({ errorMessage, scriptURI, lineNo, columnNo, error,hash:location.href}); //
 
傳送ajax
};

引數

• errorMessage 異常資訊
• scriptURI 異常檔案路徑
• lineNo 異常行號
• columnNo 異常列號
• error 異常堆疊資訊
• hash 當前頁面連結

還可以根據需求新增更多資訊，比如當前時間，瀏覽器版本，電腦型別（window or mac） 瀏覽器型別（谷歌 ie 之類），還可以記錄是pc或者移動端，移動端又可以增加手機型別，手機網路，來排查問題是出自哪裡。

後言 ：慢慢的會開始監控瀏覽器開啟頁面所花費的時候相關的，一個好的監控能讓網頁走的更遠