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

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

安卓  //www.greatytc.com/p/1cd02fe1810f

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


demo代码如下

html


jis


js


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容