js判断手机是否安装并打开app,未安装则安装app【兼容Android、ios,亲测可用】

 更新时间:2023年05月23日 09:19:19   作者:临沂码农王老七  
这篇文章主要介绍了js判断手机是否安装并打开app,未安装则安装app,通过调用浏览器判断app,兼容Android、ios等系统,,需要的朋友可以参考下

做开发的小伙伴,很多时候会用到app内部分享链接给好友,打开链接后是h5。用户打开链接后需要判断是否本地已安装该app,没有则下载安装,有则直接打开。从网上搜到的教程很多,但是代码也是千奇百怪,不是很方便直接使用,那么老七今天给大家直接上亲测可用的代码,为小伙伴提高点点的效率。

function openApp(){
    var ua = window.navigator.userAgent.toLowerCase();
    //微信
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
    window.location.href='****';//这个地方老七直接用的应用宝下载链接
    }else{//非微信浏览器
    if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
        window.location = 'dslangya://';
        var ifr = document.createElement("iframe");
        ifr.src = "*****://"; /***打开app的协议,ios同事提供***/
        ifr.style.display = "none";
        document.body.appendChild(ifr);
        window.setTimeout(function(){
        document.body.removeChild(ifr);
        window.location.href = "http://itunes.apple.com/cn/app/******"; /***下载app的地址***/
        },2000);
    }else if (navigator.userAgent.match(/android/i)) {
        //var state = null;
        try {
        window.location = '*****://'; //安卓兄弟可以给你
        setTimeout(function(){
            window.location= "https://**********"; //android下载地址
        },2000);
        } catch(e) {}
    }
    }
}

补充:JS判断浏览器是否安装了某个软件

JS判断浏览器是否安装了某个软件
首先到https://github.com/ismailhabib/custom-protocol-detection/blob/master/protocolcheck.jsgit clone或 直接 zip 下载 protocolCheck.js插件

window.protocolCheck("调用本地软件的协议", function() {
    // 没有安装时的执行函数
});

相关文章

  • 倾力总结40条常见的移动端Web页面问题解决方案

    倾力总结40条常见的移动端Web页面问题解决方案

    移动端Web需要照顾触摸操作的体验,以及更多的屏幕旋转与尺寸适配等问题,非常琐碎,在这里为大家倾力总结40条常见的移动端Web页面问题解决方案,欢迎收看收藏!
    2016-05-05
  • 使用JS读取XML文件的方法

    使用JS读取XML文件的方法

    由于项目上需要解析xml,于是各种百度,然后自己总结了下各个主流浏览器解析xml的方法,下面通过本文给大家详细介绍下使用JS读取XML文件的方法,一起看看吧
    2016-11-11
  • JavaSript中变量的作用域闭包的深入理解

    JavaSript中变量的作用域闭包的深入理解

    js中的变量都是公用的没有静态变量,下面为大家介绍下变量的作用域闭包,需要的朋友可以参考下
    2014-05-05
  • JS实现获取GIF总帧数的方法详解

    JS实现获取GIF总帧数的方法详解

    如何通过js在上传前就拿到它的总帧数来判断呢?本文就跟大家分享一种解决方案,并将其封装成插件发布至npm仓库,快跟随小编一起学习一下吧
    2022-05-05
  • JS基于递归实现网页版计算器的方法分析

    JS基于递归实现网页版计算器的方法分析

    这篇文章主要介绍了JS基于递归实现网页版计算器的方法,结合实例形式分析了javascript采用递归算法实现网页版计算器的步骤与相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • 详解如何使用JavaScript构建主题切换器

    详解如何使用JavaScript构建主题切换器

    这篇文章主要为大家详细介绍了如何使用JavaScript构建一个主题切换器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • Web3.js查询以太币和代币余额及转账

    Web3.js查询以太币和代币余额及转账

    这篇文章主要介绍了Web3.js查询以太币和代币余额以及转账,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09
  • 详解JS ES6变量的解构赋值

    详解JS ES6变量的解构赋值

    这篇文章主要介绍了JS ES6变量的解构赋值,对ES6感兴趣的同学,可以参考下
    2021-05-05
  • javascript中的面向对象

    javascript中的面向对象

    本文主要介绍了javascript中面向对象的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • js cookie实现记住密码功能

    js cookie实现记住密码功能

    这篇文章主要为大家详细介绍了js cookie实现记住密码功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论