zoukankan      html  css  js  c++  java
  • 扫描二维码判断移动设备(Android/ios),以及判断是否微信端扫描

    <section class="download">
      <a href="apk地址" class="android" style="display:none"><em></em>APP下载</a>
      <a href="ios应用商店地址" class="ios" style="display:none"><em></em>APP Store</a>
    </section>

    <article class="ios-tips" style="display:none">
      <img src="images/tips.png">>
    </article>

    <script type="text/javascript">
    var browser = {
    versions: function() {
    var 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.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
    iPad: u.indexOf('iPad') > -1, //是否iPad
    webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
    };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }

    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
    $(".download .ios").show();//如果是ios系统 就显示APP Store 按钮
    }
    else if (browser.versions.android) {
    $(".download .android").show();//如果是Android系统 就显示APP下载 按钮
    }

    //ios系统 判断是否微信扫描进入网页, 因为ios的微信 屏蔽了 链接进入ios应用商店,所以只能用浏览器打开
    $(".download").on("click","a.ios",function(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
    $(".ios-tips").show();//显示提示用浏览器打开页面的透明浮动层
    } else {
    $(".ios-tips").hide();
    }
    });

    </script>

  • 相关阅读:
    Cookie中用户登录信息的提示
    利用CentOS系统IPtables防火墙添加网站IP白名单
    php5.3升级到5.5
    nginx+apache 404错误页面
    启用nginx status状态详解
    nginx前端负载,后端apache获取真实IP设置
    CentOS查看系统信息-CentOS查看命令
    nginx负载 发向代理配置文件参考
    Linux添加用户(user)到用户组(group)
    Centos6.5快速配置可用网卡
  • 原文地址:https://www.cnblogs.com/jinglover/p/5606032.html
Copyright © 2011-2022 走看看