一.浏览器模式
如果你用ip访问你的网站,360浏览器默认是兼容模式的,兼容模式是用IE内核
如果你用域名访问你的网站,360浏览器默认是急速模式的,急速模式是用chrome内核
二.解决兼容
html 设置成这样子,这样兼容模式打开的就是最新的ie 模式
- 解决不显示内容
在 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>
- 语法不支持
如果出现语法不支持,比如 includes , 那么使用 babel-polyfill
解决:
下载安装 babel-polyfill:
npm install babel-polyfill --save-g
在 main.js
中 引入 babel-polyfill
对象:
import 'babel-polyfill'
这样就兼容了