IOS通过链接打开应用的JS页面逻辑

逻辑:ios通过一个链接来打开应用 如果没有则打开appstore下载

首先需要判断当前是否为ios机型,可以通过navigator.userAgent来获取标识头判断机型

当确认是ios平台后,需要判断当前手机是否下载应用,这时可以通过ios的url_scheme功能来跳转打开应用来判断。设置一个超时时间,如果大于这个时间还没打开应用则认为当前手机没有下载该应用,直接跳转设置好的当前应用的appstore链接(ios应用的链接可以从appstore中搜索,点击右上角的分享获得的就是应用的下载链接)

其中url_scheme的传参可以通过设置这个打开的页面网址来获取,(url scheme是一种标识头,在ios中可以打开指定的应用,对ios的url scheme不太了解的话可以搜索这个关键字)

例如打开的网页是 www.aaaa.com/index?name=2&time=1,在js中通过location.search就可以获取网页地址【?】字符后面所有的字符串信息

最后附上html页面与逻辑

<html>
<head>
<script type="text/javascript">
	var u = navigator.userAgent;
	var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
	if(isiOS){
      function ios(){
        
        window.location.href= "urlscheme://com.xxx.xxx?"+location.search; //url_scheme设置的标识头
        window.setTimeout(function(){
           window.location.href = "https://apps.apple.com/cn/app/xxxx/idxxxx"; //appstore链接
        },2000)
      };
	  ios();
}
else
{
	alert('暂时不支持非ios的机型');
}
</script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/ssssssilver/article/details/109857888
今日推荐