資訊專欄INFORMATION COLUMN
摘要：得益于實(shí)時(shí)監(jiān)測(cè)，小明及時(shí)修復(fù)了這些問(wèn)題。然而，小明最初卻忽略了的報(bào)警?；胤旁氯赵缟?，小明收到一封報(bào)警郵件網(wǎng)站是基于實(shí)現(xiàn)，這個(gè)錯(cuò)誤與頁(yè)面之間的跳轉(zhuǎn)有關(guān)。小明意識(shí)到問(wèn)題的嚴(yán)重性之后，查找了跳轉(zhuǎn)相關(guān)的代碼。
Fundebug網(wǎng)站使用了我們自己的JavaScript錯(cuò)誤監(jiān)控插件，這樣代碼一旦發(fā)生錯(cuò)誤，程序員小明就會(huì)及時(shí)收到報(bào)警郵件。
我們的前端代碼做過(guò)嚴(yán)格的單元測(cè)試和端到端測(cè)試，講(xiang)道(dang)理(ran)不會(huì)出什么錯(cuò)誤。
然而，現(xiàn)實(shí)是殘酷的，總會(huì)有各種Bug出現(xiàn)：
this.$parent.elctrl is undefined,
Attempted to redefine property "authenticate".,
Cannot read property "language" of null
...
乍一看這些錯(cuò)誤也沒(méi)什么，然而事實(shí)證明它們其實(shí)是一個(gè)個(gè)大寫(xiě)的Bug。得益于Fundebug實(shí)時(shí)監(jiān)測(cè)，小明及時(shí)修復(fù)了這些問(wèn)題。(此處應(yīng)有掌聲^*^)
今天呢，我們來(lái)聊聊其中一個(gè)Bug。這個(gè)Bug是由于拼寫(xiě)失誤造成的，它會(huì)導(dǎo)致網(wǎng)頁(yè)無(wú)法正常顯示，雖說(shuō)刷新一下就好了，但是卻會(huì)影響用戶體驗(yàn)。然而，小明最初卻忽略了Fundebug的報(bào)警。
Bug回放每一次報(bào)錯(cuò)都是一個(gè)潛在的Bug，不容忽視。
11月15日早上8:56，小明收到一封報(bào)警郵件：
Fundebug網(wǎng)站是基于AngularJS實(shí)現(xiàn)，這個(gè)錯(cuò)誤與頁(yè)面之間的跳轉(zhuǎn)有關(guān)。由郵件可知，從landing狀態(tài)跳轉(zhuǎn)到teamSign狀態(tài)時(shí)發(fā)生了錯(cuò)誤。點(diǎn)擊查看詳情, 就能看到該錯(cuò)誤的詳細(xì)信息:
在錯(cuò)誤面板中，小明可以查看錯(cuò)誤棧，請(qǐng)求，設(shè)備和用戶信息。這些信息可以幫助小明快速定位錯(cuò)誤。
經(jīng)過(guò)簡(jiǎn)單分析，小明斷(xia)定(cai)網(wǎng)站的landing頁(yè)面木有問(wèn)題，這個(gè)錯(cuò)誤應(yīng)該是網(wǎng)絡(luò)問(wèn)題導(dǎo)致加載不完全而無(wú)法識(shí)別teamSign這個(gè)狀態(tài)。如果網(wǎng)絡(luò)好一點(diǎn)，加載成功了，就沒(méi)問(wèn)題了。然后他就將這個(gè)錯(cuò)誤丟到一邊去了。。。(Boss決定讓小明跪鍵盤)
但是，問(wèn)題不是這么簡(jiǎn)單，這個(gè)錯(cuò)誤之后一共出現(xiàn)了85次，累計(jì)影響了24個(gè)用戶。
小明意識(shí)到問(wèn)題的嚴(yán)重性之后，查找了teamSign跳轉(zhuǎn)相關(guān)的代碼。他發(fā)現(xiàn)，在登錄驗(yàn)證的中間件里面，如果用戶登錄token因?yàn)槌瑫r(shí)失效，那么就會(huì)跳轉(zhuǎn)到teamSign頁(yè)面要求用戶重新登錄。然而，跳轉(zhuǎn)到teamSign為什么會(huì)失敗呢？為什么呢？為什么呢？原來(lái)是小明把"teamSignin"寫(xiě)成了"teamSign"。(Boss決定讓小明滾出去)
結(jié)論一個(gè)小小的拼寫(xiě)失誤，卻會(huì)對(duì)用戶造成不小的困擾。而事實(shí)上，測(cè)試無(wú)法保證產(chǎn)品100%沒(méi)有問(wèn)題。使用Fundebug進(jìn)行實(shí)時(shí)錯(cuò)誤監(jiān)控，則可以第一時(shí)間發(fā)現(xiàn)并解決問(wèn)題。
版權(quán)聲明:
轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2016/12/07/fundebug-catch-the-bug/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88060.html
摘要：同源策略解釋之前，我們先簡(jiǎn)單聊聊同源策略。當(dāng)這些從第三方加載的腳本執(zhí)行出錯(cuò)，因?yàn)檫`背了同源策略為了保證用戶信息不被泄露，錯(cuò)誤信息不會(huì)顯示出來(lái)，取而代之只會(huì)返回一個(gè)。 一些用戶向我們反饋，F(xiàn)undebug的JavaScript監(jiān)控插件抓到了很多Script error.，然后行號(hào)和列號(hào)都是0...這就很尷尬了。 showImg(https://segmentfault.com/img/b...
摘要：最近突然意識(shí)到，我竟然從來(lái)沒(méi)有認(rèn)真去處理異常。第三種執(zhí)行一個(gè)會(huì)拋出異常的方法這個(gè)錯(cuò)誤在控制臺(tái)也和常規(guī)報(bào)錯(cuò)。這種是比較常見(jiàn)的錯(cuò)誤。它是一個(gè)全局的異常處理函數(shù)，可以抓取所有的異常。 原文: Handling Errors in Vue.js 譯者: Fundebug 本文采用意譯，版權(quán)歸原作者所有 去年一整年，我都在使用最愛(ài)的—Vue.js— 來(lái)做項(xiàng)目。最近突然意識(shí)到，我竟然從來(lái)沒(méi)...
摘要：我們使用單元測(cè)試來(lái)驗(yàn)證一下我們使用了配合做單元測(cè)試。我們編寫(xiě)相應(yīng)的單元測(cè)試你會(huì)發(fā)現(xiàn)，如果出現(xiàn)異常，只是簡(jiǎn)單的返回。但是在上面異常拋出的時(shí)候，解釋器已經(jīng)不在中了，因此無(wú)法被捕獲。 譯者按： 錯(cuò)誤是無(wú)法避免的，妥善處理它才是最重要的！ 原文: A Guide to Proper Error Handling in JavaScript Related Topics: 譯者: Funde...
摘要：前端異常監(jiān)控插件更新至，修復(fù)了個(gè)小修復(fù)用戶行為中重復(fù)記錄請(qǐng)求的修復(fù)的為報(bào)錯(cuò)的這個(gè)都不會(huì)影響功能，不過(guò)為了避免造成困擾，請(qǐng)大家及時(shí)更新插件。 摘要： 修復(fù)2個(gè)BUG，請(qǐng)大家及時(shí)更新。 showImg(https://segmentfault.com/img/remote/1460000019373421?w=900&h=383); Fundebug前端異常監(jiān)控服務(wù) Fundebug是專業(yè)...
摘要：摘要支持監(jiān)控應(yīng)用，并且支持使用接入插件，請(qǐng)大家及時(shí)更新。支持使用接入插件的異常監(jiān)控插件與都發(fā)布到了中央倉(cāng)庫(kù)，因此可以在直接配置依賴。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。 摘要： 0.2.0支持監(jiān)控Spring應(yīng)用，并且支持使用Maven接入插件，請(qǐng)大家及時(shí)更新。 showImg(https://segmentfault.com/img/r...
閱讀 3452·2023-04-25 20:37
閱讀 3170·2021-09-07 09:59
閱讀 1694·2019-08-29 12:43
閱讀 1213·2019-08-28 18:27
閱讀 503·2019-08-26 13:50
閱讀 2072·2019-08-26 10:33
閱讀 3621·2019-08-23 18:39
閱讀 2433·2019-08-23 18:09
