xSwitch除錯和代理線上程式碼及h5判斷小程式ua

谷歌 Chrome · 發表 2019-04-05 00:09:22

摘要：前言介紹一款同事推薦的谷歌外掛。即裝即用，很方便。應用場景蠻多，可以把線上程式碼代理到本地，類似fiddler。也可以將線上請求資料代理到本地。就是本地測試環境沒有資料的話，可以代理線上環境的資料。不翻牆安裝谷歌外掛一般公司都會有自己的googleCDN，程式設計師很多也都有...

前言

介紹一款同事推薦的谷歌外掛。即裝即用，很方便。應用場景蠻多，可以把線上程式碼代理到本地，類似fiddler。也可以將線上請求資料代理到本地。就是本地測試環境沒有資料的話，可以代理線上環境的資料。

不翻牆安裝谷歌外掛

一般公司都會有自己的googleCDN，程式設計師很多也都有翻牆軟體。假如你沒有翻牆，打不開谷歌應用商店，沒有問題。我介紹一下不翻牆安裝谷歌外掛的方法。

1、去谷歌外掛網，例如Extfans、Crx4Chrome、Chromecj，下載CRX檔案
2、直接將下載好的CRX檔案拖拽到谷歌瀏覽器中就可以了，或者瀏覽器輸入chrome://extensions，或者依次點選 Chrome 中的「選單 – 更多工具 – 擴充套件程式」，開啟開發者模式，新增就可以了。

xSwitch安裝使用

xSwitch的github地址是： https://github.com/yize/xswitch

這裡我就不照搬了。

安裝好了如下圖：

點選就可以出現配置項。

h5判斷小程式ua資訊

時間還早，再記錄一個h5判斷小程式的方法吧。就是小程式內嵌的h5頁面，如何判斷是在哪個小程式下面？微信、支付寶、百度、頭條還是快應用呢？

判斷方法程式碼如下：

var ua = window.navigator.userAgent.toLowerCase() || ''

var cmpBridge = {
CONSTS: {// haorooms註釋：小程式廠商常量
WECHATAPP: 'WECHATAPP',
ALIPAYAPP: 'ALIPAYAPP',
BAIDUAPP: 'BAIDUAPP',
TOUTIAOAPP: 'TOUTIAOAPP',
QUICKAPP: 'QUICKAPP'
},
isAndroid: function () {
return ua.indexOf('android') > -1
},
isIphone: function(){
return ua.indexOf('iPhone') > -1
},
isWechat: function () {
return ua.indexOf('micromessenger') > -1
},
isAlipay: function () {
return ua.indexOf('alipayclient') > -1
},
isBaidu: function () {
return ua.indexOf('baiduboxapp') > -1
},
isTouTiao: function() {
return ua.indexOf('toutiaomicroapp') > -1
},
isMiniProgram: function () {// haorooms註釋：判斷小程式主要方法
try {
if (cmpBridge.isWechat() && (window.__wxjs_environment === 'miniprogram' || ua.indexOf('miniprogram') > -1)) {
return cmpBridge.CONSTS.WECHATAPP
}
if (cmpBridge.isBaidu() && (window.Bdbox_aiapps_jsbridge || (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.BBAMNPJSBridgeWebViewComponent))) {
return cmpBridge.CONSTS.BAIDUAPP
}
if (cmpBridge.isAlipay()) {
return cmpBridge.CONSTS.ALIPAYAPP
}
if(cmpBridge.isTouTiao()){
return cmpBridge.CONSTS.TOUTIAOAPP
}
if (/(hap|OPPO\/Hybrid)\/\d/i.test(ua)) {
return cmpBridge.CONSTS.QUICKAPP
}
} catch (e) {
return false
}
return false
}
}
module.exports = cmpBridge;

xSwitch除錯和代理線上程式碼及h5判斷小程式ua

前言

不翻牆安裝谷歌外掛

xSwitch安裝使用

h5判斷小程式ua資訊

廣告

您可能也會喜歡…