前端浏览器兼容 <meta name="renderer" content="webkit">

我要冲啦个人网站建设2021-03-23web前端

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

文章关键词