360和360极速浏览器无法打开vue项目的问题

vue项目开发之后,使用360和360极速浏览器打开项目后可能会发现,自己的项目进不去了,或者F12发现有报错。

原因:360和360极速浏览器有极速模式(webkit内核)和兼容模式(IE内核)两种,因为360打开时使用的是兼容模式,但是项目又没有兼容IE(Trident)内核,导致了项目打不开。

解决方案1(比较麻烦):当然你可以引入babel-polyfill或者core-js来解决IE兼容问题,但是这样子比较麻烦。如果你的项目本身就是不需要兼容IE的,那么这样子做就没有什么必要。

解决方案2(推荐):在vue项目 public文件夹下的index.html中添加一个meta标签:
注意这个meta标签最好紧跟着head标签。

<meta name="renderer"  content="webkit">

这样子在使用360和360极速浏览器打开你的网址的时候,就会默认以极速模式(谷歌内核webkit)来打开我们的vue项目,项目就能正常运行了。
注意点:但是如果用户在该网址下(一定是在该网址下切换,浏览器会记录这个网址的模式),手动切换到了兼容模式,则打开的时候一定会以兼容模式来打开。
因为浏览器极速13版本:强制锁定极速模式(无法手动切换)>手动切换>meta指定>浏览器兼容列表。
这点主要是因为测试会主动去切换,认定这是一个bug,其实大多数用户都不会去手动切换的。

参考文档:https://bbs.360.cn/thread-14983457-1-1.html

360和360极速浏览器无法打开vue项目的问题相关推荐

  1. 用手机UC浏览器页面打开vue项目,图片,css,js都没加载

    用手机UC浏览器页面打开vue项目,图片,css,js都没加载 用HBuilder X创建了一个普通的vue项目,在电脑上使用浏览器看没有什么问题,然后提交到了公司的服务器上,发现用手机,除了火狐,谷 ...

  2. IDEA打开vue项目,每次打开的都是上一次的vue项目,即同一个vue项目,解决方法

    今天在打开其他vue项目的时候出现了一个大bug 前提:我用一个写好的vue项目vue_01复制之后重命名为vue_02,其实这里并包名没有修改成功,你还需要打开vue_02,右击项目Refactor ...

  3. 新窗口打开vue项目中的静态pdf文件,并做权限控制

    问题:公司系统做安全测试,其中一个问题是没有登录的情况下,直接访问 "项目地址/operate.pdf "此地址,会展示pdf文件. 描述:点击系统内的一个按钮会打开新窗口展示系统 ...

  4. idea打开vue项目后报错ESLint: Expected space or tab after ‘//‘ in comment.(spaced-comment)

    问题: ESLint: Expected space or tab after '//' in comment.(spaced-comment) ESLint: Trailing spaces not ...

  5. 在vscode中打开vue项目,js文件中出现黄色波浪线

    问题如题: 报错信息意思是:import属于ES6语法,当前不能用 解决方案:在页面顶部加上: /* jshint esversion:6 */ import上面的波浪号就没有了,但是 jshint ...

  6. 使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore

    打包Vue项目 1.在Webstorm中打开Vue项目,在下面的Terminal中输入: npm run build 2.等待build完成,双击项目,进入菜单选择Reveal in Finder , ...

  7. node服务器放vue项目,本地Vue项目跨域请求本地Node.js服务器的配置方法

    前言:跨域请求是在本地开发时经常遇到的需求,也很简单,只是几句代码配置一下的问题.我初次配置跨域请求时由于官方的说明太简洁,找到的教程又落伍,调试了一番并没有解决问题,到最后解决问题,已花费了很多时间 ...

  8. 如何更改VUE项目运行名称以及Logo图标

    第一步.打开VUE项目,找到public文件夹 第二步.再打开index.html文件, 第三步:修改title里面的文字信息(修改运行名称) 运行时效果(运行名称) 第四步:进入阿里巴巴字体图标库内 ...

  9. vue项目搭配elementui需要下载的东西

    前言: node.js: javascript运行时的环境,node.js之于js,等同于jvm至于Java的地位 npm(node package manager): node.js的包管理器,用于 ...

最新文章

  1. ubuntu下mysql中文乱码_Ubuntu的MySQL中文乱码问题--自己躺坑
  2. android studio gradle版本太低问题解决方案
  3. mysql 排序 简介
  4. Ubuntu下设置电信拨号上网(10.04版)
  5. python打架动态图_20个GIF动图解释令程序员崩溃的瞬间 - 里维斯社
  6. C++ | 内联函数 inline
  7. python中的类装饰器应用场景_这是我见过最全面的Python装饰器教程了!
  8. mysql 查询所有鎖_mysql查询锁
  9. 品运维自动化之cobbler的安装序
  10. Android中RelativeLayout及TableLayout使用说明
  11. android微信代码大全,微信满屏表情代码大全复制
  12. jmeter接口自动化
  13. MethodIntrospector工具类使用
  14. 如何提高学习欲--奖励机制
  15. Python Tkinter 模块简要介绍
  16. 添加微软自带日文输入方法
  17. 计算机的显卡功能,电脑怎么看显卡参数 显卡有什么作用
  18. 以太网及网络工作原理二
  19. 如何翻译截图里的英文
  20. ffmpeg音频重采样

热门文章

  1. 网络安全领域内的资格认证相关
  2. 创业三部曲之一――学技术
  3. GADRCRERCERRHRGDWQGKQRCLMECRRREQEED|2243219-65-8
  4. php课设源代码网站,php精品课程教学网站在线发布系统
  5. webpack的构建流程
  6. opencv-python学习【4】色彩空间类型转换
  7. 硬核科普:什么是狭义相对论?它有哪些惊人结论?
  8. idea git 拉取代码特别慢解决方案
  9. 云计算厂商们,你们辜负了中国的用户
  10. Android基础知识——完善