公告:携程招聘java、前端、测试、产品等,请发简历至374947554@qq.com,帮内推!

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

688次浏览

前言

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

不翻墙安装谷歌插件

一般公司都会有自己的googleCDN,程序员很多也都有翻墙软件。假如你没有翻墙,打不开谷歌应用商店,没有问题。我介绍一下不翻墙安装谷歌插件的方法。

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

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

xSwitch安装使用

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

这里我就不照搬了。

安装好了如下图:

enter image description here

点击就可以出现配置项。

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;

广告

haorooms博客目前勉强自给自足,主要靠广告位收入勉强盈利,文章右侧及文章底部广告位,还请大家帮忙点击一下,haorooms博客后续可能推出培训及视频相关教程。同时也争取给大家带来更多精彩文章。

Tags: xSwitch工具

相关文章: