Fundebug能夠捕獲這些BUG

摘要：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，因此會報(bào)ReferenceError：

aler("hello");

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

資源加載錯誤

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

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

<img src="test.jpg">

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

HTTP請求錯誤

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

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

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

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

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

關(guān)于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時BUG監(jiān)控。 自從2016年雙十一正式上線，F(xiàn)undebug累計(jì)處理了7億+錯誤事件，得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認(rèn)可。歡迎免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時請注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2017/06/29/fundebug-javascript-0.1.0/