禁止出微信浏览器以外的浏览器进入页面

wang-xx 2021-11-03 原文

(function() {
      var useragent = navigator.userAgent;
      if (useragent.match(/MicroMessenger/i) != "MicroMessenger") {
        // window.location.href = "wxError.html";//若不是微信浏览器，跳转到温馨error页面
        let 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>`;
        let head = `<title>抱歉，出错了</title>
                    <meta charset="utf-8">
                    <meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
                    <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">`;
        document.head.innerHTML = head;
        document.body.innerHTML = body;
      }
    })();

　　在app.vue文件中的create中写上这个