H5判断是否微信浏览器,并提示右上角打开默认浏览器

最新推荐文章于 2025-02-26 11:41:12 发布

新丨客

最新推荐文章于 2025-02-26 11:41:12 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技巧文章标签：微信 javascript 前端

本文链接：https://blog.csdn.net/amberwangfeng/article/details/128458405

技巧专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用JavaScript判断当前浏览器是否为微信内置浏览器，并展示了如何在HTML中定义一个包含特定图片的div元素。该div元素居中显示一张指示用户‘点击右上角从浏览器打开’的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML内定义一个div，放“点击右上角从浏览器打开”图片

<style>
.pop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    z-index: 999;
}
</style>

<div class="pop none" id="divpop" style="display: block;">

　　<img src="./img/pop.png" alt="" style='width:50%; margin-left: 45%;'>

</div>

js判断是否为微信浏览器

function isWx() {//判断是否为微信
        var ua = window.navigator.userAgent.toLowerCase();

        //alert(ua);
        if(ua.match(/windowswechat/i)=="windowswechat") {
           
            //alert('这是电脑版微信浏览器');
            return false;
         } else {
           console.log('这不是微信浏览器');
         }
        
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        
            return true;
        }

        return false;
    };

在这里插入图片描述