今天一個客戶說他們的一個同事用OPPO R11的手機訪問不了我們的項目,打開后一片空白,雖然后面發現你的手機網絡斷了,但是想起來畢竟手機端沒有調試的工具可以查看拋出的錯誤信息,方便我們追蹤問題,后端的大牛同事提示我們看看vconsole.js.寫這個js的大牛的github地址是:https ...

在復雜的網絡環境和瀏覽器環境下，自測、QA測試以及 Code Review 都是不夠的，如果對頁面穩定性和准確性要求較高，就必須有一套完善的代碼異常監控體系，本文從前端代碼異常監控的方法和問題着手，盡量全面地闡述錯誤日志收集各個階段中可能遇到的阻礙和處理方案。 ☞ 收集日志的方法 平時收集日志 ...

在復雜的網絡環境和瀏覽器環境下，自測、QA測試以及 Code Review 都是不夠的，如果對頁面穩定性和准確性要求較高，就必須有一套完善的代碼異常監控體系，本文從前端代碼異常監控的方法和問題着手，盡量全面地闡述錯誤日志收集各個階段中可能遇到的阻礙和處理方案。 ☞ 收集日志的方法 平時收集日志 ...

　一、監控的意義： 　　　　　　隨着互聯網普及的廣度和深度，對於項目的監控顯得格外重要；無論是web服務器進程、內存、cpu等資源監控，還是爬蟲程序請求頻率，狀態碼以及儲存結果的監控，都需要一個及時的反饋機制。 　　二、監控過程： 　　　　　　背景介紹：通過固定的路徑對日志進行采集 ...

為什么要做前端錯誤監控? 1. 為了保證產品的質量 2. 有些問題只存在於線上特定的環境 3. 后端錯誤有監控,前端錯誤沒有監控 前端錯誤的分類 前端錯誤分為兩類: 即時運行錯誤和資源加載錯誤 即使運行錯誤的捕獲方式 即時運行錯誤的捕獲方式分為兩類 try...catch ...

原理分析 分析 : 在采集數據的網頁上進行埋點(編寫一小段js用於動態生成Img標簽,然后加入dom頁面中，利用該標簽將參數請求至服務器中) 通過img標簽的src屬性可以解決跨域問題<i ...

背景 　　在這越來越發達的網絡時代，web應用也是越來越復雜，尤其是前端的開發，也是越來越受重視。 　　所以在我們前端開發完成后，會有一些列的web應用的上線驗證，如自測、QA測試、code review 等，以確保 應用能在生產上沒有事故。 　　但是事以願違，很多時候我們都會接受 ...

背景 　　在這越來越發達的網絡時代，web應用也是越來越復雜，尤其是前端的開發，也是越來越受重視。 　　所以在我們前端開發完成后，會有一些列的web應用的上線驗證，如自測、QA測試、code review 等，以確保 應用能在生產上沒有事故。 　　但是事以願違，很多時候我們都會 ...