騰訊AlloyTeam釋出AlloyLever - 1kb程式碼搞定開發除錯釋出錯誤監控上報使用者問題定位

當耐特發表於2017-06-09
除錯

AlloyLever

【官網】【Giuhub】

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

  • 支援錯誤監控和上報
  • 支援 vConsole錯誤展示
  • 支援開發階段使用 vConsole
  • 支援生產環境機關拉取 vConsole
  • 支援預埋機關喚起
  • 支援url帶引數喚起

url帶引數喚起有兩個目的，第一是方便網站開發過程中顯示vConsole皮膚，第二是發給投訴反饋網站錯誤的使用者顯示vConsole皮膚用於定位錯誤。

使用指南

AlloyLever.config({
    cdn:'//s.url.cn/qqun/qun/qqweb/m/qun/confession/js/vconsole.min.js',  //vconsole的CDN地址
    reportUrl: "//a.qq.com",  //錯誤上報地址
    reportPrefix: 'abc',    //錯誤上報msg字首，一般使用者標識業務型別
    reportKey: 'msg',        //錯誤上報msg字首的key，使用者上報系統接收儲存msg
    otherReport: {              //需要上報的其他資訊
        uin: 491862102
    },
    entry:"#entry"          //請點選這個DOM元素6次召喚vConsole。//你可以通過AlloyLever.entry('#entry2')設定多個機關入口召喚神龍
})複製程式碼

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

url喚起vConsole

只要你的頁面引用了AlloyLever，你只需要在你的url裡帶上 vconsole=show 就能顯示vConsole皮膚。如:

//載入並顯示log皮膚
http://localhost:63342/AlloyLever/index.html?vconsole=show
//載入但不顯示log皮膚
http://localhost:63342/AlloyLever/index.html?vconsole=hide
//不載入vConsole指令碼
http://localhost:63342/AlloyLever/index.html複製程式碼

這些url的作用很好理解:

  • 要開發階段用於除錯
  • 發給投訴的使用者開啟帶有vconsole=show的url

線上演示

QQ交流群491862102

騰訊AlloyTeam釋出AlloyLever - 1kb程式碼搞定開發除錯釋出錯誤監控上報使用者問題定位

相關文章