js判断本地是否安装app

最新推荐文章于 2022-06-02 18:00:12 发布

原创最新推荐文章于 2022-06-02 18:00:12 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #本地app #是否安装 #微信浏览器

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在不同移动端浏览器上实现网页适应性的方法，包括如何判断是否为微信浏览器、Android设备，以及根据不同浏览器类型触发不同的操作流程。

var ua = navigator.userAgent.toLowerCase();

1.判断是否是微信

function isWeixinBrowser() {
        return (/micromessenger/.test(ua)) ? true : false;
    }

2.判断是否是android

var isAndroid = ua.indexOf('android') > -1 || ua.indexOf('linux') > -1;

3.具体过程

scheme是客户端定义的url-scheme

$("a[href^='scheme://']").on('click',function(e){
        e.preventDefault();//阻止默认行为
        if(isWeixinBrowser()){
            $('.layer').show();//遮罩层（使用外部浏览器打开，此处样式自行设定）
        }else{
            if(isAndroid){
                //android
                $('body').append("<iframe src='scheme://openapp' style='display:none' target='' ></iframe>");//target为空防止在当前页面刷新
                setTimeout(function(){window.location = 'http://www.510wifi.com/weixin_download_client.html'},600);
            }else{
                //ios
                window.location = 'scheme://openapp';
                setTimeout(function(){window.location = 'itms-apps://itunes.apple.com/app/id123456789'},25);
            }
        }
    })

附：判断手机端各种浏览器

if (ua.match(/WeiBo/i) == "weibo") {
                //在新浪微博客户端打开
        }
        if (ua.match(/QQ/i) == "qq") {
                //在QQ空间打开
        }
        if (browser.versions.ios) {
                //是否在IOS浏览器打开
        } 
        if(browser.versions.android){
                //是否在安卓浏览器打开
        }

var u = navigator.userAgent, app = navigator.appVersion;
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('Linux') > -1, //android终端或uc浏览器
            iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部