判断iOS系统;判断iPhoneX及以后版本;判断微信环境;判断网络

判断IOS系统

function getIsIOS(){
    const UA = navigator.userAgent.toLowerCase();
    const isAndroid = /android|adr/gi.test(UA);
    const isIos = /iphone|ipod|ipad/gi.test(UA) && !isAndroid;
    return isIos
}

判断iPhoneX及以后版本

function isIphoneX() {
    // X XS, XS Max, XR
    const xSeriesConfig = [
      {
        devicePixelRatio: 3,
        width: 375,
        height: 812,
      },
      {
        devicePixelRatio: 3,
        width: 414,
        height: 896,
      },
      {
        devicePixelRatio: 2,
        width: 414,
        height: 896,
      },
    ]
    // h5
    if (typeof window !== 'undefined' && window) {
      const isIOS = /iphone/gi.test(window.navigator.userAgent)
      if (!isIOS) {
        return false
      }
      const { devicePixelRatio, screen } = window
      const { width, height } = screen
      return xSeriesConfig.some(item => item.devicePixelRatio === devicePixelRatio && item.width === width && item.height === height)
    }
    return false
  }

判断微信环境

export function getIsWeixin() {
    const ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return true;
    }
    return false;
}

判断网络

function isOnLine() {
    function onLine(callback) {
        var img = new Image();
        img.src = 'https://www.baidu.com/favicon.ico?_t=' + Date.now();
        img.onload = function () {
            if (callback) callback(true)
        };
        img.onerror = function () {
            if (callback) callback(false)
        };
    }
    onLine(function (flag) {
        if (flag) {
            // console.log('网络畅通')
        } else {
            window.LeKeBridge.sendMessage2Native("toast", "网络断开");
            // console.log('网络故障')
        }
    })
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值