js判断本地是否安装app

最新推荐文章于 2023-03-17 14:58:12 发布

最骚的就是你

最新推荐文章于 2023-03-17 14:58:12 发布

阅读量4.7k

点赞数 2

本文链接：https://blog.csdn.net/libin_1/article/details/78335122

版权

本文介绍如何在网页中判断用户是否已安装特定的App，通过检测App的打开协议来实现。当用户访问网页时，已安装App的用户可以直接通过网页打开，未安装的用户将被引导至下载页面。同时，提供了iOS上添加大Banner的方法，以促进用户直接打开或下载App。

摘要由CSDN通过智能技术生成

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="" 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浏览器打开
        }