開發過程中解決360兼容模式瀏覽器的方法

開發過程中解決360兼容模式瀏覽器的方法

一、renderer

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

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

//默認webkit內核

<meta name="renderer" content="webkit">

//默認IE兼容模式

<meta name="renderer" content="ie-comp">

//默認IE標準模式

<meta name="renderer" content="ie-stand">

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

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

二、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>
最佳的兼容模式方案，結合考慮以上兩種：

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