JavaScript判断网页是否为微信内置浏览器打开

最新推荐文章于 2024-06-28 09:54:13 发布

林新发

最新推荐文章于 2024-06-28 09:54:13 发布

阅读量2.8k

点赞数

分类专栏： html 文章标签： html 网页微信浏览器

本文链接：https://blog.csdn.net/linxinfa/article/details/102759111

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一般我们把自己发布的app放到阿里云上，然后给一个https链接的二维码给用户下载，但是微信浏览器不支持直接下载，所以要跳外部浏览器，所以就需要判断网页是否为微信内置浏览器打开
一下是html代码例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .link{display: none;}
        .show{display: block;}
    </style>
</head>
<body>
    <a href="" class="link a2 show">不是微信端</a>
    <a href="" class="link a1">微信端</a>
<script src="http://class.hflihe.com/orderos/js/jquery-3.1.0.min.js"></script>
<script>
    function isWeiXin() {
        var ua = window.navigator.userAgent.toLowerCase();
        console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
        }
        else {
            return false;
        }
    }
    if(isWeiXin()){
        console.log(" 是来自微信内置浏览器");
        $(".a1").addClass("show");
        $(".a2").removeClass("show");
    }
    else{
        console.log("不是来自微信内置浏览器");
        $(".a2").addClass("show");
        $(".a1").removeClass("show");
    }
</script>
</body>
</html>