騰訊AlloyTeam發佈AlloyLever - 1kb代碼搞定開發調試發佈錯誤監控上報用戶問題定位

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

在線演示

• alloyteam.github.io/AlloyLever/
• alloyteam.github.io/AlloyLever/…
• alloyteam.github.io/AlloyLever/…

QQ交流羣491862102