一、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)核來處理當前網(wǎng)頁。
目前支持對其提供支持的瀏覽器有: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 插件安裝情況的檢測,這里直接調(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)容,希望對大家的學習和工作能有所幫助。如果有疑問可以留言交流。
您可能感興趣的文章:- JS、CSS以及img對DOMContentLoaded事件的影響
- Javascript封裝DOMContentLoaded事件實例
- 淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題
- Base64(二進制)圖片編碼解析及在各種瀏覽器的兼容性處理
- JavaScript自定義瀏覽器滾動條兼容IE、 火狐和chrome
- 微信瀏覽器彈出框滑動時頁面跟著滑動的實現(xiàn)代碼(兼容Android和IOS端)
- JS IOS/iPhone的Safari瀏覽器不兼容Javascript中的Date()問題如何解決
- JS兼容所有瀏覽器的DOMContentLoaded事件