×

教程 微信 UA 屏蔽 技术

检测微信浏览器并禁止通过微信浏览器访问

Aq66 Aq66 发表于2025-11-22 11:43:05 浏览102 评论0

抢沙发发表评论

有些人可能不希望自己的文章/网站被分享到微信上 被一些低互联网知识/素质 等人群随意查看(并非地图炮仅指部分人群);有探索精神/互联网知识的人会用别的浏览器打开doge

还有些人认为wx浏览器过于黑箱 不希望用户在上面查看自己的网站.....省略 

可以添加以下代码来屏蔽来自 微信浏览器的访问  


1 复制以下代码

屏蔽微信浏览器访问的代码

<style>
    /* 默认隐藏整个页面内容 */
    body {
        display: none;
    }
</style>

<script>
    window.onload = function() {
        var userAgent = navigator.userAgent.toLowerCase();
        // 检测是否为微信浏览器
        if (userAgent.indexOf('micromessenger') > -1) {
            alert("抱歉,您无法在微信浏览器中访问此网站。请使用其他浏览器。");
            // 你可以选择重定向到其他页面
            // window.location.href = "https://www.example.com"; // 更改为你希望重定向的地址
        } else {
            // 如果不是微信浏览器,显示页面内容
            document.body.style.display = "block";
        }
    };
</script>

<body>
    <p>(已启用相关插件) 此网页不支持在微信浏览器中访问。</p>
</body>


 2 插入方式确保样式和脚本放在 <body> 标签之前,或者在已有网页的 <head> 部分添加样式和脚本。

然后就实现了

效果图:

wx block.jpg


解析


解析.png



禁止在微信浏览器中访问

(已启用相关插件) 此网页不支持在微信浏览器中访问。

群贤毕至

访客