页面跳转打开APP,若没有安装则跳转到下载页面

  1. 判断当前手机系统
  2. 尝试打开APP链接,手机已安装了APP成功跳转打开APP
  3. 手机没有安装APP则跳到应用商城安装页
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
     var loadDateTime = new Date();
     window.setTimeout(function () {
        var timeOutDateTime = new Date();
        if (timeOutDateTime - loadDateTime < 5000) {
			window.location = "app安装链接";
          	window.onbeforeunload = function () {
            		return false;
          	}
        } else {
          	window.close();
        }
     }, 25);
     window.location = "要打开的页面链接";
}
else if (navigator.userAgent.match(/android/i)) {
     var loadDateTime = new Date();
     var state = window.open("要打开的页面链接", '_blank');
     window.setTimeout(function () {
        var timeOutDateTime = new Date();
        if (timeOutDateTime - loadDateTime < 5000) {
          	window.location = "app安装链接";
        } else {
          	window.close();
        }
      }, 25);
 }

Safari在iOS 6和更高版本中具有新的Smart App Banner功能,该功能提供了从网站在App Store上推广应用程序的标准化方法。
如果该应用程序已经安装在用户设备上,点击横幅广告只会打开该应用程序。如果用户的设备上没有您的应用程序,请点击横幅将其带到App Store中的应用程序条目。当他们返回您的网站时,进度条会出现在横幅中,指示完成下载将花费多长时间。应用下载完成后,“查看”按钮将变为“打开”按钮,点击横幅将打开该应用,同时保留您网站中用户的上下文。
智能应用程序横幅会自动确定用户设备上是否支持该应用程序。如果加载横幅广告的设备不支持您的应用,或者您所在位置无法使用您的应用,则横幅广告将不会显示。

 {
  // 显示小程序跳转按钮
})

你可能感兴趣的:(html,APP,app,前端,javascript)