摘要：Fundebug的JavaScript監控插件更新至0.1.0，可以監控3種不同類型的前端BUG：JavaScript執行錯誤、資源加載錯誤、HTTP請求錯誤。
從簡單的onerror開始，Fundebug的JavaScript錯誤監控插件經過了多次迭代，功能也更加豐富與成熟。之前版本的插件只能監控JavaScript執行錯誤，這次，我們正式發佈0.1.0，它新增了對資源加載錯誤與HTTP請求錯誤的支持，努力讓前端開發者不放過每一個BUG。
JavaScript執行錯誤
由於拼寫失誤，測試不完善，或者是意外的邊界條件，JavaScript代碼在用戶瀏覽器中執行時，有可能會出錯。
下面的示例中，alert被寫成了aler，因此會報ReferenceError：
aler("hello");Fundebug插件捕獲的這個錯誤之後，開發者將受到報警郵件，然後可以在我們的控制檯查看錯誤詳情：
資源加載錯誤
對於一個複雜的大型網站，所依賴的靜態文件(js, css, jpg...)成千上萬，因此出現加載錯誤，比如404，也是很常見的一種錯誤。
下面的示例中，所引入的test.jpg並不存在，因此會報404錯誤：
<img src="test.jpg">開發者可以在Fundebug控制檯錯誤詳情:
HTTP請求錯誤
前端通過大量的API與後端進行交互，這些API也有可能出錯。
通常，後端會通過日誌記錄所有HTTP請求，但是查詢起來非常不便，也不及時。Fundebug可以捕獲所有HTTP請求錯誤，同時記錄用戶行爲，並實時提醒開發者，且不需要修改後端，也不需要搭建複雜的日誌系統。
下面的示例中，登陸賬戶時密碼錯誤，因此會報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"
}));開發者可以在Fundebug控制檯錯誤詳情:
關於Fundebug
Fundebug專注於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了7億+錯誤事件，得到了Google、360、金山軟件、百姓網等衆多知名用戶的認可。歡迎免費試用！
版權聲明
轉載時請註明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/06/29/fundebug-javascript-0.1.0/