Fundebug可以捕獲這些BUG

**摘要：**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: "help@fundebug.com",
    password: "akhakfnak"
}));

開發者能夠在Fundebug控制檯錯誤詳情:

歡迎加入咱們Fundebug的全棧BUG監控交流羣: 622902485。

版權聲明:

轉載時請註明做者Fundebug以及本文地址：

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