errorEruda解決移動端真機除錯,bug收集問題
阿新 • • 發佈:2019-02-13
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