摘要: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í)行時,有可能會出錯。
下面的示例中,alert被寫成了aler,因此會報ReferenceError:
aler("hello");
Fundebug插件捕獲的這個錯誤之后,開發(fā)者將受到報警郵件,然后可以在我們的控制臺查看錯誤詳情:
對于一個復(fù)雜的大型網(wǎng)站,所依賴的靜態(tài)文件(js, css, jpg...)成千上萬,因此出現(xiàn)加載錯誤,比如404,也是很常見的一種錯誤。
下面的示例中,所引入的test.jpg并不存在,因此會報404錯誤:
開發(fā)者可以在Fundebug控制臺錯誤詳情:
前端通過大量的API與后端進行交互,這些API也有可能出錯。
通常,后端會通過日志記錄所有HTTP請求,但是查詢起來非常不便,也不及時。Fundebug可以捕獲所有HTTP請求錯誤,同時記錄用戶行為,并實時提醒開發(fā)者,且不需要修改后端,也不需要搭建復(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: "help@fundebug.com",
password: "akhakfnak"
}));
開發(fā)者可以在Fundebug控制臺錯誤詳情:
Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實時BUG監(jiān)控。 自從2016年雙十一正式上線,F(xiàn)undebug累計處理了7億+錯誤事件,得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認可。歡迎免費試用!
轉(zhuǎn)載時請注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/06/29/fundebug-javascript-0.1.0/
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。