摘要:Fundebug的JavaScript監(jiān)控插件更新至0.1.0,可以監(jiān)控3種不同類(lèi)型的前端BUG:JavaScript執(zhí)行錯(cuò)誤、資源加載錯(cuò)誤、HTTP請(qǐng)求錯(cuò)誤。
從簡(jiǎn)單的onerror開(kāi)始,F(xiàn)undebug的JavaScript錯(cuò)誤監(jiān)控插件經(jīng)過(guò)了多次迭代,功能也更加豐富與成熟。之前版本的插件只能監(jiān)控JavaScript執(zhí)行錯(cuò)誤,這次,我們正式發(fā)布0.1.0,它新增了對(duì)資源加載錯(cuò)誤與HTTP請(qǐng)求錯(cuò)誤的支持,努力讓前端開(kāi)發(fā)者不放過(guò)每一個(gè)BUG。
由于拼寫(xiě)失誤,測(cè)試不完善,或者是意外的邊界條件,JavaScript代碼在用戶(hù)瀏覽器中執(zhí)行時(shí),有可能會(huì)出錯(cuò)。
下面的示例中,alert被寫(xiě)成了aler,因此會(huì)報(bào)ReferenceError:
aler("hello");
Fundebug插件捕獲的這個(gè)錯(cuò)誤之后,開(kāi)發(fā)者將受到報(bào)警郵件,然后可以在我們的控制臺(tái)查看錯(cuò)誤詳情:
對(duì)于一個(gè)復(fù)雜的大型網(wǎng)站,所依賴(lài)的靜態(tài)文件(js, css, jpg...)成千上萬(wàn),因此出現(xiàn)加載錯(cuò)誤,比如404,也是很常見(jiàn)的一種錯(cuò)誤。
下面的示例中,所引入的test.jpg并不存在,因此會(huì)報(bào)404錯(cuò)誤:
<img src="test.jpg">
開(kāi)發(fā)者可以在Fundebug控制臺(tái)錯(cuò)誤詳情:
前端通過(guò)大量的API與后端進(jìn)行交互,這些API也有可能出錯(cuò)。
通常,后端會(huì)通過(guò)日志記錄所有HTTP請(qǐng)求,但是查詢(xún)起來(lái)非常不便,也不及時(shí)。Fundebug可以捕獲所有HTTP請(qǐng)求錯(cuò)誤,同時(shí)記錄用戶(hù)行為,并實(shí)時(shí)提醒開(kāi)發(fā)者,且不需要修改后端,也不需要搭建復(fù)雜的日志系統(tǒng)。
下面的示例中,登陸賬戶(hù)時(shí)密碼錯(cuò)誤,因此會(huì)報(bào)403錯(cuò)誤。
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"
}));
開(kāi)發(fā)者可以在Fundebug控制臺(tái)錯(cuò)誤詳情:
Fundebug專(zhuān)注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時(shí)BUG監(jiān)控。 自從2016年雙十一正式上線(xiàn),F(xiàn)undebug累計(jì)處理了7億+錯(cuò)誤事件,得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶(hù)的認(rèn)可。歡迎免費(fèi)試用!
轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/06/29/fundebug-javascript-0.1.0/
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線(xiàn),公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
網(wǎng)頁(yè)名稱(chēng):Fundebug能夠捕獲這些BUG-創(chuàng)新互聯(lián)
分享地址:http://www.rwnh.cn/article4/ceieie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、商城網(wǎng)站、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容