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閱讀 3,554評論 1 19
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 轉載 前端開發面試題 <a name='preface'>前言</a> 本文由我收集總結了一些前端面試題,初學者閱...
    小九喵喵閱讀 484評論 0 0
  • 瀏覽器發展史 現在瀏覽器已經成為網上生活的重要家園和工具。而從1991年,Web之父Tim Berners-Lee...
    波段頂底閱讀 17,086評論 6 86
  • 前一段時間,曾經指導過自己的老師問我自己的背景是什么?當時無言以對,后來靜下心來想一想,答案就有了“我自己”。 曾...
    解憂小店主閱讀 591評論 0 0