xSwitch调试和代理线上代码及h5判断小程序ua

484 阅读2分钟
前言

介绍一款谷歌插件。即装即用,很方便。应用场景蛮多,可以把线上代码代理到本地,类似fiddler。也可以将线上请求数据代理到本地。就是本地测试环境没有数据的话,可

安装谷歌插件
1、去谷歌插件网,例如Extfans、Crx4Chrome、Chromecj,下载CRX文件
2、直接将下载好的CRX文件拖拽到谷歌浏览器中就可以了,或者浏览器输入chrome://extensions,或者依次点击 Chrome 中的「菜单 – 更多工具 – 扩展程序」,打开开发者模式,添加就可以了。
xSwitch安装使用
xSwitch的github地址是:
https://github.com/yize/xswitch
安装好了如下图

点击就可以出现配置项。
h5判断小程序ua信息
时间还早,再记录一个h5判断小程序的方法吧。就是小程序内嵌的h5页面,如何判断是在哪个小程序下面?微信、支付宝、百度、头条还是快应用呢?
判断方法代码如下:
[JavaScript]
纯文本查看
复制代码
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
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;
本文转自:https://www.haorooms.com/post/xswitch_tsxs

xswitch.png

(41.14 KB, 下载次数: 1)

xswitch.png

xswitch.png

(41.14 KB, 下载次数: 1)

xswitch.png