vue兼容360

一.浏览器模式
如果你用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'

这样就兼容了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,912评论 1 19
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 转载 前端开发面试题 <a name='preface'>前言</a> 本文由我收集总结了一些前端面试题,初学者阅...
    小九喵喵阅读 3,304评论 0 0
  • 浏览器发展史 现在浏览器已经成为网上生活的重要家园和工具。而从1991年,Web之父Tim Berners-Lee...
    波段顶底阅读 17,349评论 6 86
  • 前一段时间,曾经指导过自己的老师问我自己的背景是什么?当时无言以对,后来静下心来想一想,答案就有了“我自己”。 曾...
    解忧小店主阅读 3,666评论 0 0