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

时间:2020-09-11 09:18:41 类型:HTML/CSS
字号:    

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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


<