[学习交流] 【上海校区】xSwitch调试和代理线上代码及h5判断小程序ua

本帖最后由 chennaiweng 于 2019-6-26 21:41 编辑

前言

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

安装谷歌插件

1、去谷歌插件网，例如Extfans、Crx4Chrome、Chromecj，下载CRX文件

2、直接将下载好的CRX文件拖拽到谷歌浏览器中就可以了，或者浏览器输入chrome://extensions，或者依次点击 Chrome 中的「菜单 – 更多工具 – 扩展程序」，打开开发者模式，添加就可以了。

xSwitch安装使用

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

安装好了如下图

点击就可以出现配置项。

h5判断小程序ua信息

时间还早，再记录一个h5判断小程序的方法吧。就是小程序内嵌的h5页面，如何判断是在哪个小程序下面？微信、支付宝、百度、头条还是快应用呢？

判断方法代码如下：

[JavaScript] 纯文本查看 复制代码

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调试和代理线上代码及h5判断小程序ua

0 个回复