content="webkit":讓雙核瀏覽器優(yōu)先使用webkit內(nèi)核渲染頁面
雙核是:webkit內(nèi)核 和 IE的Trident內(nèi)核
一個網(wǎng)站大量采用了html5和css3,希望用戶都以支持H5和css3的webkit內(nèi)核打開頁面則設(shè)置content="webkit"即可。
content的取值為webkit,ie-comp,ie-stand之一,區(qū)分大小寫,分別代表用webkit內(nèi)核,IE兼容內(nèi)核,IE標(biāo)準(zhǔn)內(nèi)核。
若頁面需默認(rèn)用極速核,增加標(biāo)簽:<meta name="renderer" content="webkit">
若頁面需默認(rèn)用ie兼容內(nèi)核,增加標(biāo)簽:<meta name="renderer" content="ie-comp">
若頁面需默認(rèn)用ie標(biāo)準(zhǔn)內(nèi)核,增加標(biāo)簽:<meta name="renderer" content="ie-stand">
解決 <meta name="renderer" content="webkit"> 不起作用的問題
在網(wǎng)頁頭部標(biāo)簽內(nèi)<head>添加以下代碼:
<meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
三個都寫上就不會出現(xiàn) < meta name="renderer" content="webkit" > 不起作用的問題。
這三行代碼分別作用于不同環(huán)境,如下所述:
<!-- 強制Chromium內(nèi)核,作用于360瀏覽器、QQ瀏覽器等國產(chǎn)雙核瀏覽器 --> <meta name="renderer" content="webkit"/> <!-- 強制Chromium內(nèi)核,作用于其他雙核瀏覽器 --> <meta name="force-rendering" content="webkit"/> <!-- 如果有安裝 Google Chrome Frame 插件則強制為Chromium內(nèi)核,否則強制本機支持的最高版本IE內(nèi)核,作用于IE瀏覽器 --><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
作者:paperclouds
鏈接:https://www.jianshu.com/p/d294dc9a4943
來源:簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。