js判断安卓(ios)

/** 智能机浏览器版本信息:**/
    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) {
                document.querySelector('.btn2').href="你的IOS下载链接";
            } else {
                document.querySelector('.btn2').href="你的安卓下载链接";

            }


写完之后 去手机端试试发现 用微信扫码 进去之后 点击 下载链接没有反应 需要要用浏览器才能下载(这个要设置 微信下载)如果你不是设置 你也可以  直接 写一个 遮罩层

详细解释:

关于公众号里面关于微官网里面的app下载,如果你将你的应用中在微信开发平台认证过来,这个是要掏钱的;你点微官网app的下载,是可以直接跳到APP Store里面,检测这个应用是否已经下载,如果下载,直接打开;
而对于Android 端,相比较ios,就有更多方法,实现这个可能了。
1:微信开发平台认证,我要下载的链接,放在认证里面(不过不是单独的下载链接,你必须上传你的app到应用商城里面的下载地址);费钱的,就不要考虑了;
2:第二种方案:点击app下载之后,给你一个操作的图层,在手机自己的浏览器打开,这个操作多了一步,我感觉会影响用户体验的。对于这个用户体验我,我会稍后详解;(这个链接里面的这个效果)http://ju.outofmemory.cn/entry/117648
3:我自己的app在应用宝里面发布,之后就可以把这个下载的app链接,放在你的微官网里面,当你点击下载的时候,他会直接在你微信里面打开。这个界面就是应用宝的界面点击下载(可以检测你的手机是否安装这个应用,安装的话,直接跳到app);


你可能感兴趣的:(技术(javascript))