• Javascript判断客户端是Android还是IOS,判断浏览器类型


    摘要

      当在判断当前客户端是什么类型时,我们就可以根据客户端自带的UA标识,搭配正则判断机制来判断当前的客户端是什么设备。今天就分享下如何通过Javascript来获取客户端的UA标识,并判断客户端类型。

    内容

    一、判断手机端是什么类型设备:


    const u = navigator.userAgent; // 获取浏览器的userAgent
    const isIos = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); // Android设备
    const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // ios设备

    二、判断是否是微信以及微信版本号:

    // 判断是否是微信
    const isWeChat = () => {
       let u = navigator.userAgent;
       return  u.toLowerCase().indexOf('micromessenger') !== -1;   
    }
    
    // 微信版本号
    let u = navigator.userAgent;
    let wechatInfo = u.match(/MicroMessenger/([d.]+)/i); // WeChat
    let wechatVersion = wechatInfo[1];
    
    if (wechatVersion = '6.7.4') {
       console.log('当前微信的版本号为:', wechatVersion );  
    }

    三、判断pc端浏览器是什么类型:

      const ua = navigator.userAgent; // 获取浏览器的userAgent
    const isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; // IE浏览器
    const isFirefox = ua.indexOf("Firefox") != -1; // 火狐浏览器
    const isOpera = window.opr != undefined; // Opera浏览器
    const isChrome = ua.indexOf("Chrome") && window.chrome; // Chrome浏览器
    const isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1; // Safari浏览器
  • 相关阅读:
    每日站立会议02
    每日站立会议01
    构建之法阅读笔记02
    学习进度条06
    js获取当前时间戳
    带三角凸的框
    js或者jq的tab切换
    处理浏览器兼容 各个浏览器的标识 hack
    规定CSS的属性仅在IE下生效 在非IE浏览器下不生效
    滚动到某个点 返回顶部字样出来 点击返回顶部
  • 原文地址:https://www.cnblogs.com/BlueBerryCode/p/12519538.html
Copyright © 2020-2023  润新知