360和360极速浏览器无法打开vue项目的问题
360和360极速浏览器无法打开vue项目的问题vue项目开发之后,使用360和360极速浏览器打开项目后可能会发现,自己的项目进不去了,或者F12发现有报错。原因:360和360极速浏览器有极速模式(webkit内核)和兼容模式(IE内核)两种,因为360打开时使用的是兼容模式,但是项目又没有兼容IE(Trident)内核,导致了项目打不开。解决方案1(比较麻烦):当然你可以引入babel-po
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,其实大多数用户都不会去手动切换的。
更多推荐
所有评论(0)