1. 程式人生 > >errorEruda解決移動端真機除錯,bug收集問題

errorEruda解決移動端真機除錯,bug收集問題


1kb(gzip)程式碼搞定開發除錯釋出,錯誤監控上報,使用者問題定位。

  • 支援錯誤監控和上報
  • 支援 Eruda錯誤展示
  • 支援開發url拉起Eruda

安裝

<script src="js/errorEruda/errorEruda.js"></script>

npm暫時未上傳可以通過使用

 import  errorEruda from 'errorEruda/errorEruda'

使用方法

 errorEruda.config({
        jsUrl: '//cdn.jsdelivr.net/eruda/1.2.2/eruda.min.js',//eruda地址
        repUrl: "http://127.0.0.1:3000/",//錯誤上報地址
        repMsg: 'test',//錯誤上報msg字首,一般用於標識業務型別
        entry: "#app"
    })`

eruda使用cdn,當然也支援下載到本地使用

 jsUrl: '/eruda/1.2.2/eruda.min.js',//eruda地址

後臺獲取error和repMsg

http://127.0.0.1:3000/?error=ReferenceError:%20asdasdas%20is%20not%20defined%20%20%20%20at%20http://localhost:63342/errorEruda/index.html?errorEruda=show:108:17&repMsg=test

errorEruda會監聽window.onerror並把錯誤資訊儲存下來,並且上報到repUrl,你也可以召喚到Eruda並顯示出來錯誤和相關日誌。

url啟動errorEruda

url裡帶上errorEruda=show 就能顯示vConsole面板。如:

    http://jqvue.com/demo/errorEruda/index.html?errorEruda=show