网页页面渲染模式

最新推荐文章于 2024-07-19 10:11:24 发布

jennypypy

最新推荐文章于 2024-07-19 10:11:24 发布

阅读量1.7k

点赞数

分类专栏：模式浏览器内核文章标签：内核兼容模式

浏览器同时被 3 个专栏收录

2 篇文章

订阅专栏

模式

1 篇文章

订阅专栏

内核

1 篇文章

订阅专栏

针对国内网站浏览器兼容性问题，许多互联网公司推出了双核浏览器。这类浏览器内置IE内核和WebKit内核，根据网页特性选择合适的内核进行渲染。此外，通过特定的HTML元信息标签，开发者可以指定页面使用的内核。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在国内有一个比较特别的现象，很多网站对浏览器的兼容性比较差，特别是一些网上银行、公共服务网站等，虽然现在IE浏览器已经推出了IE11版本，但是这些网站目前只支持IE8及以下版本。所以目前在国内使用IE6\IE7\IE8等旧版浏览器的用户占比还比较多。

另一外方便，有些比较现代的网站，采用了很多HTML5、CSS3等最新的网络标准，IE8这些老旧的浏览器是无法支持的，而其他非IE浏览器对这些标准支持程度都比较高。为了应对这样的情况，所以国内很多互联网公司推出了“双核”浏览器。

“双核”浏览器内部的两个内核分别是IE内核和WebKit内核。

“双核”浏览器的两个内核并不能同时为一个网页进行渲染排版工作，而是根据我们的需要，选择两者之中更适合当前网页的内核来进行渲染排版。IE内核主要用于兼容“老一辈”的网页，使其能够正常显示；WebKit内核则用于渲染“新一代”的网页，从而发挥出更快的显示速度、更好的显示效果、更优异的脚本执行性能。

在head标签中添加一行代码：
<html>
  <head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
  </head>
  <body>
  </body>
</html>
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|ie-comp|ie-stand">
此时浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。