JS来判断页面是在手机端还是在PC端比显示<script></script>内容

Question

问题相关代码，这是JS来判断页面是在手机端还是在PC端打开例子参考

我想要达到的结果

JS来判断页面是在手机端还是在PC端，并只在手机端还显示广告

Answer 1

参考：

var ua = navigator.userAgent.toLowerCase();
    var isWeixin = ua.indexOf("micromessenger") != -1;
    const isAndroid = ua.indexOf("android") != -1;
    const isIos = ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1;

    const isIE = window.ActiveXObject || "ActiveXObject" in window;
    if (isWeixin || isAndroid || isIos) {
      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/connect/zh_CN/htmledition/style/wap_err1a9853.css">';
      document.body.innerHTML =
        '<div class="page_msg"><div class="inner"><span class="msg_icon_wrp"><i class="icon80_smile"></i></span><div class="msg_content"><h4>暂不支持在微信和手机浏览器进行考试</h4></div></div></div>';
    } else if (isIE) {
      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/connect/zh_CN/htmledition/style/wap_err1a9853.css">';
      document.body.innerHTML =
        '<div class="page_msg"><div class="inner"><span class="msg_icon_wrp"><i class="icon80_smile"></i></span><div class="msg_content"><h4>温馨提示，本考试系统不支持IE浏览器，请更换到其它浏览器\n给您带来不便，敬请谅解</h4></div></div></div>';

    }