zoukankan      html  css  js  c++  java
  • JS判断客户端是IOS还是ANDROID

    //判断app是ios还是android
    export function isIosorAndroid():string{
      let u = navigator.userAgent;
      let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //判断是否是 android终端
      let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //判断是否是 ios终端
      if (isiOS) {
        return 'ios'
      }else if(isAndroid){
        return 'android'
      }else{
        return ''
      }
    }
     
    //判断浏览器内核

    // 1. 定义终端判断对象
    let browser = {
      versions: function () {
        let u = navigator.userAgent,
        app = navigator.appVersion;
        return {
          trident: u.indexOf('Trident') > -1, //IE内核
          presto: u.indexOf('Presto') > -1, //opera内核
          webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
          gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
          mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
          ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
          android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
          iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
          iPad: u.indexOf('iPad') > -1, //是否iPad
          webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
          weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
          qq: u.match(/sQQ/i) == " qq" //是否QQ
        };
      }(),
      language: (navigator.browserLanguage || navigator.language).toLowerCase() // 判断浏览器语言:zh-CN 等
    }
    // 2. 执行判断 --> 根据browser.versions.xxx 的值为true / false

    // 2.1 判断是否webKit内核
    if (browser.versions.webKit) {
      console.log("is webKit");
    }
    // 2.2 判断浏览器当前使用的语言
    currentLanguage = browser.language;    // 非IE
    if(!currentLanguage) {    // IE浏览器
        currentLanguage = navigator.browserLanguage;
    }
    console.log(currentLanguage); 

  • 相关阅读:
    理解区块链背后的Merkle Tree
    黑科技!当会爬虫的Python遇上会画图的FineBI……
    PlayFramework 1.x 生产环境部署 源码编译
    特别推荐:系统性能提升优先法宝 | 缓存应用实践
    Python爬虫入门教程 38-100 教育部高校名单数据爬虫 scrapy
    BI分析工具选型:从PowerBI到FineBI的9个理由!
    集群的定义以及类别定义
    python cx_oracle 绑定变量
    [故障解决]图文:windows apache无法启用 端口被占用
    设计模式之抽象工厂模式
  • 原文地址:https://www.cnblogs.com/cheeseCatMiao/p/10081907.html
Copyright © 2011-2022 走看看