vue项目在ie浏览器打开做提示

遇到的问题:vue项目在ie浏览器打开是空白页,做兼容有点麻烦。

  • 解决办法:当用户用ie浏览器访问时做弹窗提示,在项目的index.html加入下面 js 代码
<script>
      (function () {
          console.log(navigator);
          var ua = navigator.userAgent.toLocaleLowerCase();
          console.log(ua)
          var browserType = "", browserVersion = "";
          if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
              alert('不支持当前浏览器,请前往谷歌、360等其他浏览器打开');
              // browserType = "IE";
	      // 获取ie浏览器版本
              // browserVersion = ua.match(/msie ([d.]+)/) != null ? ua.match(/msie ([d.]+)/)[1] : ua.match(/rv:([d.]+)/)[1];
              // console.log(browserVersion)
              // if ((1 * browserVersion) < 9) {
              //     alert("请在ie11版本浏览器上使用系统")
              // }
          }
      })();
  </script>

参考链接:https://www.cnblogs.com/aidixie/p/14250859.html

原文地址:https://www.cnblogs.com/aze999/p/14985801.html