通过判断不同的终端显示不同的页面

通过判断不同的终端显示不同的页面

vue打包过后生成dist文件,对比两套生成的dist文件，将共同的css，js写在一起，不同的通过document.write写到文档中，当然也可以用响应式的布局，但是响应式的布局加载慢，写法麻烦后期难以维护，小页面还好大的项目的不同点太多了，几乎跟写两套没什么区别

function IsPC() {
      var userAgentInfo = navigator.userAgent;
      var Agents = ["Android", "iPhone",
        "SymbianOS", "Windows Phone",
        "iPad", "iPod"
      ];
      var flag = true;
      for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
          flag = false;
          break;
        }
      }
      return flag;
    }
    var flag = IsPC(); //true为PC端，false为手机端
    if (flag) {
    //pc端引入的link
      document.write(' <link href="css/app.fa43afb7.css" rel="preload" as="style"> <link href="js/app.ae6f97da.js" rel="preload" as="script"><link href="css/app.fa43afb7.css" rel="stylesheet">')
    } else {
      document.write('<link href="css/app.4646bd09.css" rel="preload" as="style"> <link href="js/app.0b91c116.js" rel="preload" as="script">  <link href="css/app.4646bd09.css" rel="stylesheet">')
    }
  </script>
  

引入js ，在这里要注意一个点，当写的是双标签的时候在结束标签的前面要加个转译字符
'\'不然无效