Fundebug能夠捕獲這些BUG

biaoxiaoduan 發(fā)布于2019-08-21 11:47 / 2882人閱讀

摘要：之前版本的插件只能監(jiān)控執(zhí)行錯誤，這次，我們正式發(fā)布，它新增了對資源加載錯誤與請求錯誤的支持，努力讓前端開發(fā)者不放過每一個?？梢圆东@所有請求錯誤，同時記錄用戶行為，并實時提醒開發(fā)者，且不需要修改后端，也不需要搭建復雜的日志系統(tǒng)。

摘要：Fundebug的JavaScript監(jiān)控插件更新至0.1.0，可以監(jiān)控3種不同類型的前端BUG：JavaScript執(zhí)行錯誤、資源加載錯誤、HTTP請求錯誤。

從簡單的onerror開始，F(xiàn)undebug的JavaScript錯誤監(jiān)控插件經(jīng)過了多次迭代，功能也更加豐富與成熟。之前版本的插件只能監(jiān)控JavaScript執(zhí)行錯誤，這次，我們正式發(fā)布0.1.0，它新增了對資源加載錯誤與HTTP請求錯誤的支持，努力讓前端開發(fā)者不放過每一個BUG。

JavaScript執(zhí)行錯誤

由于拼寫失誤，測試不完善，或者是意外的邊界條件，JavaScript代碼在用戶瀏覽器中執(zhí)行時，有可能會出錯。

下面的示例中，alert被寫成了aler，因此會報ReferenceError：

aler("hello");

Fundebug插件捕獲的這個錯誤之后，開發(fā)者將受到報警郵件，然后可以在我們的控制臺查看錯誤詳情：

資源加載錯誤

對于一個復雜的大型網(wǎng)站，所依賴的靜態(tài)文件(js, css, jpg...)成千上萬，因此出現(xiàn)加載錯誤，比如404，也是很常見的一種錯誤。

下面的示例中，所引入的test.jpg并不存在，因此會報404錯誤：

開發(fā)者可以在Fundebug控制臺錯誤詳情:

HTTP請求錯誤

前端通過大量的API與后端進行交互，這些API也有可能出錯。

通常，后端會通過日志記錄所有HTTP請求，但是查詢起來非常不便，也不及時。Fundebug可以捕獲所有HTTP請求錯誤，同時記錄用戶行為，并實時提醒開發(fā)者，且不需要修改后端，也不需要搭建復雜的日志系統(tǒng)。

下面的示例中，登陸賬戶時密碼錯誤，因此會報403錯誤。

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://fundebug.com/login");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(
{
    email: "[email protected]",
    password: "akhakfnak"
}));

開發(fā)者可以在Fundebug控制臺錯誤詳情:

歡迎加入我們Fundebug的全棧BUG監(jiān)控交流群: 622902485。

版權(quán)聲明:
轉(zhuǎn)載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/201...

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87108.html

捕獲未處理的Promise錯誤

摘要：的錯誤監(jiān)控插件監(jiān)聽了事件，因此可以自動捕獲未處理錯誤。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。譯者按：通過監(jiān)聽unhandledrejection事件，可以捕獲未處理的Promise錯誤。原文: Tracking unhandled rejected Promises 譯者: Fundebug 為了保證可讀性，本文采用意譯而非直...

HackerShell 2019-08-21 17:05 評論0 收藏0
[email protected]更新內(nèi)置錯誤處機制，Fundebug同步支持相應錯誤監(jiān)控

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

DC_er 2019-08-26 13:45 評論0 收藏0
Fundebug前端異常監(jiān)控插件更新至 1.9.0，支持監(jiān)控 HTTP 慢請求

摘要：摘要新增配置選項，支持監(jiān)控慢請求，同時修復了記錄的響應時間偏小的。的前端異常監(jiān)控插件更新至，新增配置選項，支持監(jiān)控慢請求，同時修復了記錄的響應時間偏小的，請大家及時更新監(jiān)控慢請求專注于程序異常監(jiān)控，暫時無意于提供全面的性能監(jiān)控服務。摘要： 1.9.0新增 httpTimeout 配置選項，支持監(jiān)控 HTTP 慢請求，同時修復了記錄的 HTTP 響應時間偏小的 BUG。 showImg...

lyning 2019-08-23 18:31 評論0 收藏0
Fundebug前端JavaScript插件更新至1.6.0，新增test()方法用于測試

摘要：摘要新增方法用于測試，請大家及時更新。默認情況下，插件能夠自動捕獲未處理的錯誤。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。摘要： 1.6.0新增fundebug.test()方法用于測試，請大家及時更新。 showImg(https://segmentfault.com/img/remote/1460000018302494?w=800&h=...

Tikitoo 2019-08-23 15:28 評論0 收藏0
Fundebug前端JavaScript插件更新至1.6.0，新增test()方法用于測試

摘要：摘要新增方法用于測試，請大家及時更新。默認情況下，插件能夠自動捕獲未處理的錯誤。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。摘要： 1.6.0新增fundebug.test()方法用于測試，請大家及時更新。 showImg(https://segmentfault.com/img/remote/1460000018302494?w=800&h=...

gitmilk 2019-08-02 14:20 評論0 收藏0