手机端网页禁止在非微信浏览器中打开

最新推荐文章于 2023-07-19 15:04:03 发布

原创最新推荐文章于 2023-07-19 15:04:03 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文提供了一段JavaScript代码，用于检测当前网页是否在微信客户端中打开。若不在微信环境中，将提示用户并调整页面样式。代码通过navigator.userAgent来判断设备及应用环境。

<body>

</body>

//需要放到body外面

            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) {

                      var body = '<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>';
            var head = '<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">';
            $('head').html(head);
            $('body').html(body);

}

</script>