h5页面 Scheme 判断 是否安装 app

判断 是否安装 app 移动端是ios、或者Android

项目需求 

上方红框标记位置，APP内分享出去的文章那里要一个提示打开APP阅读内容的功能，点击之后跳转到APP该页面，没有提示下载

主要目的是分享出去的文章/视频 h5页面  识别 是安卓还是 ios 

然后查看是否已经安装该app了 是就启动该app  否则就跳到下载地址

第一点

          判断 移动端是ios、或者Android

var u = navigator.userAgent, app = navigator.appVersion;   

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器   

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//ios终端   

alert('是否是iOS：'+isiOS);  

if(isAndroid){  

alert('是Android：'+isAndroid);   

    }

if(isiOS ){  

alert('是isiOS ：'+isiOS );   

    }

第二点

分别取到

ios、或者Android  的Scheme

具体如何拿到的就不多做概述了，下面给两个地址参考  非常详细

安卓  https://www.jianshu.com/p/1cd02fe1810f

ios    https://blog.csdn.net/jsd0915/article/details/72547855?utm_source=itdadao&utm_medium=referral

demo代码如下

html

jis

js