讓360雙核瀏覽器默認極速模式,避免采用IE模式無法正常訪問html5網頁的解決辦法
用Meta標簽代碼讓360雙核瀏覽器默認極速模式不是兼容模式
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
網站大量采用了html5和css3,希望用戶都以webkit內核打開頁面,但是測試卻發現360的以ie內核打開為推薦模式。
360給網站開發者設計了一種選擇的方法,只要加入一段Meta標簽代碼就可以解決。
由於國內的主流瀏覽器都是雙核瀏覽器:基於Webkit內核用於常用網站的高速瀏覽。基於IE的內核用於兼容網銀、舊版網站。
以360的幾款瀏覽器為例,我們優先通過Webkit內核渲染主流的網站,只有小量的網站通過IE內核渲染,以保證頁面兼容。
在過去很長一段時間里,我們主要的控制手段是一個幾百k大小網址庫,一個通過長期人工運營收集的網址庫。
盡管我們努力通過用戶反饋、代碼標簽智能判斷技術提高瀏覽器的自動切核准確率。但是在很多情況下,我們仍然無法達到百份百正確。
因此,我們新增加了一個控制手段:內核控制Meta標簽。
只要你在自己的網站里增加一個Meta標簽,告訴360瀏覽器這個網址應該用哪個內核渲染,那么360瀏覽器就會在讀取到這個標簽后,立即切換對應的內核。並將這個行為應用於這個域名下所有網址。
目前該功能已經在所有的360安全瀏覽器實現。
在head標簽中添加一行代碼:
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit內核,IE兼容內核,IE標准內核。
若頁面需默認用極速核,增加標簽:<meta name="renderer" content="webkit" />
若頁面需默認用ie兼容內核,增加標簽:<meta name="renderer" content="ie-comp" />
若頁面需默認用ie標准內核,增加標簽:<meta name="renderer" content="ie-stand" />
官方給的結尾是">",實際測試時不起作用,把結尾改為" />(注意 / 前面有空格),測試是可行的。
兼容模式使用的是IE瀏覽器所使用的 Trident 內核,是國內網頁制作時主要兼容的瀏覽器內核,兼容性問題較少。
IE9/IE10模式使用的是IE9/IE10瀏覽器所使用的新內核,加入了硬件加速、全新的腳本渲染引擎,更標准的HMTL5及CSS3支持。
=====================================
HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1的作用是文檔兼容模式的定義。
Edge 模式告訴 IE 以最高級模式渲染文檔,也就是任何 IE 版本都以當前版本所支持的最高級標准模式渲染,避免版本升級造成的影響。
簡單的說,就是什么版本 IE 就用什么版本的標准模式渲染。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
使用以下代碼強制 IE 使用 Chrome Frame 渲染
<meta http-equiv="X-UA-Compatible" content="chrome=1">
提示 IE 用戶安裝 Google Frame
Google 官方提供了對 Google Frame 插件安裝情況的檢測,直接調用方法即可,如果檢測到 IE 並未安裝 Google Frame,則彈出對話框提示安裝。
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script>CFInstall.check();</script>
最佳的兼容模式方案,結合考慮以上兩種:
讓IE以最高級模式渲染文檔,強制IE使用Chrome Frame渲染
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">