前端瀏覽器兼容 <meta name="renderer" content="webkit">

content="webkit"：讓雙核瀏覽器優先使用webkit內核渲染頁面
雙核是：webkit內核和 IE的Trident內核

一個網站大量采用了html5和css3，希望用戶都以支持H5和css3的webkit內核打開頁面則設置content="webkit"即可。

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">

解決 <meta name="renderer" content="webkit"> 不起作用的問題

在網頁頭部標簽內<head>添加以下代碼：

<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

三個都寫上就不會出現 < meta name="renderer" content="webkit" > 不起作用的問題。

這三行代碼分別作用于不同環境，如下所述：

<!-- 強制Chromium內核，作用于360瀏覽器、QQ瀏覽器等國產雙核瀏覽器 -->
<meta name="renderer" content="webkit"/>
<!-- 強制Chromium內核，作用于其他雙核瀏覽器 -->
<meta name="force-rendering" content="webkit"/>
<!-- 如果有安裝 Google Chrome Frame 插件則強制為Chromium內核，否則強制本機支持的最高版本IE內核，作用于IE瀏覽器 --><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

作者：paperclouds
鏈接：https://www.jianshu.com/p/d294dc9a4943
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。