js判断微信客户端下载提示在浏览器打开

        之前用过微信由于禁止了跳转到下载的链接地址，所以在一些下载页面，我们只能判断当前如果是微信客户端访问，就提示“在浏览器中打开”，让用户正常下载，今天整理了一下，发上了收藏一下，不然到时候想找又找不到了。

        测试过是可以正常提示的。

HTML代码

<a href="####" id="J_AndroidDownloadBtn" class="btn"><span class="android-icon"></span>安卓客户端下载</a>
<div class="weixin-tips" id="J_WeiXinTip">
<img src="./images/TB1KD3SGVXXXXXTXpXXyJt4IXXX-250-150.png">
</div>

JS代码

该代码判断是否为微信客户端

<script type="text/javascript">
    //微信中
    function isInWeiXin(){
        var ua = navigator.userAgent;
        return ua.indexOf("MicroMessenger") != -1;
    }
    //微信中
    if( isInWeiXin() ){
        document.getElementById("J_AndroidDownloadBtn").onclick = function( e ){
            e.preventDefault();
            document.getElementById("J_WeiXinTip").style.display = "block";
        }
      document.getElementById("J_WeiXinTip").onclick = function( e ){
            document.getElementById("J_WeiXinTip").style.display = "none";
        }
    }
</script>

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/code/781

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！