外链h5跳转到微信app

最新推荐文章于 2024-05-13 15:01:29 发布

我爱画页面

最新推荐文章于 2024-05-13 15:01:29 发布

阅读量795

点赞数

本文链接：https://blog.csdn.net/qdm13209211861/article/details/118193407

版权

需求：给用户发送一个短信链接，用户需要在微信中打开链接领取微信立减金，需求是点击链接可以唤起微信app
代码如下：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <title>判断手机是否安装微信</title>
</head>

<body>
  <a href="javascript:testApp('weixin://')" class="dl-btn" id="download">打开微信</a>
  <script>
    function testApp(url) {
      var timeout, t = 1000,
        hasApp = true;
      setTimeout(function () {
        if (!hasApp) {
          //没有安装微信
          var r = confirm("您没有安装微信，请先安装微信!");
          if (r == true) {
            location.href = "http://weixin.qq.com/"
          }
        } else {
          //安装微信
        }
        document.body.removeChild(ifr);
      }, 2000)

      var t1 = Date.now();
      var ifr = document.createElement("iframe");
      ifr.setAttribute('src', url);
      ifr.setAttribute('style', 'display:none');
      document.body.appendChild(ifr);
      timeout = setTimeout(function () {
        var t2 = Date.now();
        if (!t1 || t2 - t1 < t + 100) {
          hasApp = false;
        }
      }, t);
    }
  </script>
</body>

</html>

总结：这种方法不止可以唤起微信app，也可以唤起其他的app，主要是传参的url，例如微信的是weixin://
示例图：
在这里插入图片描述

我爱画页面

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
外链h5跳转到微信app

需求：给用户发送一个短信链接，用户需要在微信中打开链接领取微信立减金，需求是点击链接可以唤起微信app代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> &lt
复制链接

扫一扫