页面跳转打开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中的应用程序条目。当他们返回您的网站时，进度条会出现在横幅中，指示完成下载将花费多长时间。应用下载完成后，“查看”按钮将变为“打开”按钮，点击横幅将打开该应用，同时保留您网站中用户的上下文。
智能应用程序横幅会自动确定用户设备上是否支持该应用程序。如果加载横幅广告的设备不支持您的应用，或者您所在位置无法使用您的应用，则横幅广告将不会显示。

<meta name='apple-itunes-app' content='app-id=所需跳转的AppID>

如果是微信H5网页跳转 App、跳转小程序,需要引入微信 JSSDK 并且配置最新 JSSDK:

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!-- 至少必须是1.6版本 -->

wx.config({
  debug: false,
  beta: true,
  appId: data.appid, // 必填，公众号的唯一标识
  timestamp: data.timestamp, // 必填，生成签名的时间戳
  nonceStr: data.noncestr, // 必填，生成签名的随机串
  signature: data.signature, // 必填，签名
  jsApiList: [''], // 必填，需要使用的JS接口列表  这里有一个坑，这项不能是 []，会不显按钮
  openTagList: ['wx-open-launch-weapp'] // 可选，需要使用的开放标签列表
})
wx.ready(() => {
  // 显示小程序跳转按钮
})