指引网

当前位置: 主页 > 网页制作 > JavaScript >

js如何判断手机的版本是安卓还是iOS

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:14
[摘要] js如何判断手机的版本是安卓还是iOS
<script type="test/javascript">
$(function(){
        $(".car-popup-cancel").click(function(){
                $("#car-pop-mask").css("display","block");
                 $(".car-popup").css("display","block");                
                  if (browser.versions.ios || browser.versions.iPhone) {
               window.location="https://itunes.apple.com/app/id1055551901";
             }else if(browser.versions.iPad){
                                 window.location="https://itunes.apple.com/app/id1064858324";
                                 }else if(browser.versions.android){
                                         window.location="http://a.app.qq.com/o/simple.jsp?pkgname=com.wzx.fudaotuan";
                                         }
                 });
         
        });
});

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()
               }
</script>
------分隔线----------------------------