判断是否在微信浏览器打开-知新网

------正文内容展示，开始汲取新知识啦------

这个方法可以说是史上最简单的方案了，毕竟是直接引用官方的写法，哈哈！

最近夏柔写项目的时候遇到一个问题：如何判断网页是否在微信内打开；

当然了，05年的我当然是第一时间就直接去百度编程啦！

先不说这些方法是否可行，先看看发布年份和百度抓取的文章关键字（几乎都是千篇一律），互相转载，也不管是否可行就直接发布；

夏柔简单的看了这些文字，大概都是下面图片里的代码方案

//判断是否是微信访问
 
function is_weixn(){
 
var ua = navigator.userAgent.toLowerCase();
 
if(ua.match(/MicroMessenger/i)=="micromessenger") {
 
return true;
 
} else {
 
return false;
 
}
 
}

于是我直接去微信开放社区溜达了一圈，来看看这群“小白”的互动：

更有甚者还有人直接一字母不差发不到了更有甚者还有人在微信开放社区；

这种人真的，自己不会也不尝试一下就直接发布教程来误导别人，简直就是恶心！

其实最简单的方案，压根不需要去百度找方法，直接f12一下微信官方公众号授权链接不就好了！

有那么难么？

用不着1分钟，一段JS就写好了；

完美实现各种业务需求！

JS代码

<script type="text/javascript">
    var ua = navigator.userAgent.toLowerCase();
    var isWeixin = ua.indexOf('micromessenger') != -1;
    var isAndroid = ua.indexOf('android') != -1;
    var isIos = (ua.indexOf('iphone') != -1) ||(ua.indexOf('ipad') != -1);
    if (!isWeixin) {
        document.head.innerHTML = '自己写';
        document.body.innerHTML = '自己写';
    }
</script>

当然了，为了判断是否为手机访问（更严谨一点），再加一个isMobile不就可以了！

<script type="text/javascript">
    if (isMobile) {
        if (isWeixin) {
            document.head.innerHTML = '自己写';
            document.body.innerHTML = '自己写';
        }
    }
</script>

当然了，只有判断又有什么用，下面是完整代码（直接复制粘贴吧）；

完整代码

此处内容已隐藏，请评论后刷新页面查看.

微信官方的写法

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    </head>
    <body>
        <script type="text/javascript">
            var ua = navigator.userAgent.toLowerCase();
            var isWeixin = ua.indexOf('micromessenger') != -1;
            var isAndroid = ua.indexOf('android') != -1;
            var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
            if (isWeixin) {
                document.head.innerHTML = '<title>抱歉，出错了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
                document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">请在浏览器打开本网页</h4></div></div>';
            }
        </script>
    </body>
</html>

自己的写法

此处内容已隐藏，请评论后刷新页面查看.

此篇文章涉及代码技术，原文来自夏柔大家有问题可以去夏柔那边提问哦

原文出处https://www.wpon.cn/26303.html

温馨提示：本文最后更新于2023-12-24 12:41:19，某些文章具有时效性，若有错误或已失效，请私信客服或联系知新社长。

------本文内容已结束，喜欢请分享------

感谢您的访问，Ctrl+D收藏本站吧。

相关声明 1、本站名称：知新网
2、本站永久网址：https://www.uzhix.com
3、本站部分内容源于网络和用户投稿，仅供学习与参考，如有侵权，请联系站长进行删除处理。
4、用户评论和发布内容，并不代表本站赞同其观点和对其真实性负责。
5、本站禁止以任何方式发布或转载任何违法的相关信息。
6、资源大多存储在云盘，如发现链接失效，请联系我们替换更新。

四月 27