vue兼容360

作者: 乖乖果效36 | 来源:发表于2017-07-13 16:04 被阅读74次

一.浏览器模式
如果你用ip访问你的网站,360浏览器默认是兼容模式的,兼容模式是用IE内核
如果你用域名访问你的网站,360浏览器默认是急速模式的,急速模式是用chrome内核

二.解决兼容
html 设置成这样子,这样兼容模式打开的就是最新的ie 模式

  1. 解决不显示内容
    在 index.html 添加下面内容
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

比如:

<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<!-- 最新 ie --> <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta charset="utf-8"> 
<title>Demo</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
  1. 语法不支持
    如果出现语法不支持,比如 includes , 那么使用 babel-polyfill
    解决:
    下载安装 babel-polyfill:
npm install babel-polyfill --save-g

在 main.js
中 引入 babel-polyfill
对象:

import 'babel-polyfill'

这样就兼容了

相关文章

网友评论

    本文标题:vue兼容360

    本文链接:https://www.haomeiwen.com/subject/cmowhxtx.html