淺談解決360兼容模式瀏覽器的方法

一、renderer

meta name="renderer" content="webkit|ie-comp|ie-stand">

為雙核瀏覽器準備的:指定雙核瀏覽器默認以何種方式渲染頁面。

meta name="renderer" content="webkit">//默認webkit內(nèi)核
meta name="renderer" content="ie-comp">//默認IE兼容模式
meta name="renderer" content="ie-stand">//默認IE標準模式

而 webkit|ie-comp|ie-stand 這種寫法，跟font-family的規(guī)則類似，按照順序排他的優(yōu)先級，不支持則往下，瀏覽器將會按照從左到右的先后順序選擇其具備的渲染內(nèi)核來處理當(dāng)前網(wǎng)頁。

目前支持對其提供支持的瀏覽器有:360

二、HTML Meta中添加X-UA-Compatible和IE=Edge，chrome=1有什么作用

這是一個，文檔兼容模式的定義。

Edge 模式告訴 IE 以最高級模式渲染文檔，也就是任何 IE 版本都以當(dāng)前版本所支持的最高級標準模式渲染，避免版本升級造成的影響。簡單的說，就是什么版本 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 插件安裝情況的檢測，這里直接調(diào)用方法即可，如果檢測到 IE 并未安裝 Google Frame，則彈出對話框提示安裝。

script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">/script>script>CFInstall.check();/script>

最佳的兼容模式方案，結(jié)合考慮以上兩種：

meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

以上就是這篇文章的全部內(nèi)容，希望對大家的學(xué)習(xí)和工作能有所幫助。如果有疑問可以留言交流。