Fundebug抓到了這個Bug

dreamtecher 發布于2019-08-21 14:53 / 930人閱讀

摘要：得益于實時監測，小明及時修復了這些問題。然而，小明最初卻忽略了的報警。回放月日早上，小明收到一封報警郵件網站是基于實現，這個錯誤與頁面之間的跳轉有關。小明意識到問題的嚴重性之后，查找了跳轉相關的代碼。

Fundebug網站使用了我們自己的JavaScript錯誤監控插件，這樣代碼一旦發生錯誤，程序員小明就會及時收到報警郵件。

我們的前端代碼做過嚴格的單元測試和端到端測試，講(xiang)道(dang)理(ran)不會出什么錯誤。

然而，現實是殘酷的，總會有各種Bug出現：

this.$parent.elctrl is undefined,

Attempted to redefine property "authenticate".,

Cannot read property "language" of null

...

乍一看這些錯誤也沒什么，然而事實證明它們其實是一個個大寫的Bug。得益于Fundebug實時監測，小明及時修復了這些問題。(此處應有掌聲^*^)

今天呢，我們來聊聊其中一個Bug。這個Bug是由于拼寫失誤造成的，它會導致網頁無法正常顯示，雖說刷新一下就好了，但是卻會影響用戶體驗。然而，小明最初卻忽略了Fundebug的報警。

每一次報錯都是一個潛在的Bug，不容忽視。

Bug回放

11月15日早上8:56，小明收到一封報警郵件：

Fundebug網站是基于AngularJS實現，這個錯誤與頁面之間的跳轉有關。由郵件可知，從landing狀態跳轉到teamSign狀態時發生了錯誤。點擊查看詳情, 就能看到該錯誤的詳細信息:

在錯誤面板中，小明可以查看錯誤棧，請求，設備和用戶信息。這些信息可以幫助小明快速定位錯誤。

經過簡單分析，小明斷(xia)定(cai)網站的landing頁面木有問題，這個錯誤應該是網絡問題導致加載不完全而無法識別teamSign這個狀態。如果網絡好一點，加載成功了，就沒問題了。然后他就將這個錯誤丟到一邊去了。。。(Boss決定讓小明跪鍵盤)

但是，問題不是這么簡單，這個錯誤之后一共出現了85次，累計影響了24個用戶。

小明意識到問題的嚴重性之后，查找了teamSign跳轉相關的代碼。他發現，在登錄驗證的中間件里面，如果用戶登錄token因為超時失效，那么就會跳轉到teamSign頁面要求用戶重新登錄。然而，跳轉到teamSign為什么會失敗呢？為什么呢？為什么呢？原來是小明把"teamSignin"寫成了"teamSign"。(Boss決定讓小明滾出去)

結論

一個小小的拼寫失誤，卻會對用戶造成不小的困擾。而事實上，測試無法保證產品100%沒有問題。使用Fundebug進行實時錯誤監控，則可以第一時間發現并解決問題。

版權聲明:
轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2016/12/07/fundebug-catch-the-bug/

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88060.html

Script error.全面解析

摘要：同源策略解釋之前，我們先簡單聊聊同源策略。當這些從第三方加載的腳本執行出錯，因為違背了同源策略為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個。一些用戶向我們反饋，Fundebug的JavaScript監控插件抓到了很多Script error.，然后行號和列號都是0...這就很尷尬了。 showImg(https://segmentfault.com/img/b...

Lavender 2019-08-20 15:37 評論0 收藏0
5種處理Vue異常的方法

摘要：最近突然意識到，我竟然從來沒有認真去處理異常。第三種執行一個會拋出異常的方法這個錯誤在控制臺也和常規報錯。這種是比較常見的錯誤。它是一個全局的異常處理函數，可以抓取所有的異常。原文: Handling Errors in Vue.js 譯者: Fundebug 本文采用意譯，版權歸原作者所有去年一整年，我都在使用最愛的—Vue.js— 來做項目。最近突然意識到，我竟然從來沒...

Drinkey 2019-08-23 18:09 評論0 收藏0
處理JavaScript異常的正確姿勢

摘要：我們使用單元測試來驗證一下我們使用了配合做單元測試。我們編寫相應的單元測試你會發現，如果出現異常，只是簡單的返回。但是在上面異常拋出的時候，解釋器已經不在中了，因此無法被捕獲。譯者按：錯誤是無法避免的，妥善處理它才是最重要的！原文: A Guide to Proper Error Handling in JavaScript Related Topics: 譯者: Funde...

lushan 2019-08-21 17:55 評論0 收藏0
Fundebug前端JavaScript插件更新至1.8.2，修復2個小BUG

摘要：前端異常監控插件更新至，修復了個小修復用戶行為中重復記錄請求的修復的為報錯的這個都不會影響功能，不過為了避免造成困擾，請大家及時更新插件。摘要：修復2個BUG，請大家及時更新。 showImg(https://segmentfault.com/img/remote/1460000019373421?w=900&h=383); Fundebug前端異常監控服務 Fundebug是專業...

lifesimple 2019-08-23 18:12 評論0 收藏0
Fundebug后端Java異常監控插件更新至0.2.0，支持Spring及Maven

摘要：摘要支持監控應用，并且支持使用接入插件，請大家及時更新。支持使用接入插件的異常監控插件與都發布到了中央倉庫，因此可以在直接配置依賴。自從年雙十一正式上線，累計處理了億錯誤事件，付費客戶有金山軟件百姓網等眾多品牌企業。摘要： 0.2.0支持監控Spring應用，并且支持使用Maven接入插件，請大家及時更新。 showImg(https://segmentfault.com/img/r...

JessYanCoding 2019-08-16 14:13 評論0 收藏0