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