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