不懂就问系列之JS - WEB前端小菜鸟

不懂就问系列之JS

2021-11-30 14:20  WEB前端小菜鸟  阅读(2)  评论(0)  编辑  收藏  举报

1.手机官网和电脑官网共用一个域名，不同的布局，先判断访问是pc还是mobile，亲测有效

mounted() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    if (
      /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(
        sUserAgent)
    ) {
      //跳转移动端页面
      this.isShowPC = false;
     
    } else {
      this.isShowPC = true;
    }
  },

isShowPC 字段意思显示不痛的Header,有个问题，当我访问移动端的时候，先加载的是PC的header，加载完后才会显示手机的header，这里之所以写到mouted，应为created页面加载之前认不到

navigator，所以写在mounted,同时暴露这个问题，PCheader闪现然后消失

这里就会用到中间件来处理不显示PCheader,具体如何实施百度

2.

•