通过手机浏览器打开APP或者跳转到下载页面的实现

互联网 18-5-28

通过手机浏览器打开APP或者跳转到下载页面

以下仅展示最简单的例子及关键代码由于硬件条件有限，仅测试了 Android 下的情况

添加 schemes

在 HBuilder 创建的移动 APP 项目下有 manifest.json 文件，在里面添加 schemes，schemes 中的值你喜欢设置成什么就什么吧。

网页设置

<!DOCTYPE html>  <html xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8" />  <title>文档标题</title>  </head>  <body>      <p style="font-size: 68px;">          <a href="javascript:open_or_download_app();">打开APP</a>          <span id="device"></span>      </p>      <script type="text/javascript">      //<![CDATA[      function open_or_download_app() {          var device = document.getElementById("device");          if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {              device.innerHTML = "ios设备";              // 判断useragent，当前设备为ios设备              var loadDateTime = new Date();          　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。              window.setTimeout(function() {                  var timeOutDateTime = new Date();                  if (timeOutDateTime - loadDateTime <2200) {                      window.location = "xxxxxxxx";  // APP下载地址                  } else {                      window.close();                  }              },2000);               window.location = "apptest://apptest";　　//ios端URL Schema          } else if (navigator.userAgent.match(/android/i)) {              device.innerHTML = "Android设备";              // 判断useragent，当前设备为Android设备              // 判断useragent，当前设备为ios设备              var loadDateTime = new Date();          　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。              window.setTimeout(function() {                  var timeOutDateTime = new Date();                  if (timeOutDateTime - loadDateTime < 2200) {                      window.location = "xxxxxxxx";   // APP下载地址                  } else {                      window.close();                  }              },2000);          　    window.location = "apptest://apptest";　　// Android端URL Schema           }       }       //]]>      </script>      </body>      </html>

window.setTimeout(function() {},2000);  // 需要设置大一点，才有效果，否则会始终执行

接下来就可以打包 APP 安装到手机上进行测试，也可以删掉 APP，对比两次的结果。

IOS 的有条件再补上

以上就是通过手机浏览器打开APP或者跳转到下载页面的实现的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：浏览器

通过手机浏览器打开APP或者跳转到下载页面的实现

通过手机浏览器打开APP或者跳转到下载页面

添加 schemes

网页设置

相关资讯

标签推荐