首页 > 经验心得 > IE=edge,chrome=1和meta name="renderer" content="webkit"要添加那个呢?
2019
02-18

IE=edge,chrome=1和meta name="renderer" content="webkit"要添加那个呢?

IE=edge,chrome=1和meta name="renderer" content="webkit"要添加那个呢?

其中http-equiv=”X-UA-Compatible”这个是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。

注意到meta中有这么一句:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

令我好奇的是文章第一段提到的代码中「content=”IE=edge,chrome=1″」一段,字面意思是指定IE使用chrome的渲染方式?还是让IE的皮使用后台的Chrome内核?

官方对其定义:

  • 可使用开放式网络技术(如 HTML5 canvas 标记)立即启动,甚至包括 Internet Explorer 6、7 或 8 尚不支持的技术。

  • 利用 JavaScript 性能增强功能,使应用程序速度更快,响应更灵敏。

所以这段代码则可以解释为:如果安装了GCF,则使用GCF来渲染页面「”chrome=1″」,如果没有安装GCF,则使用最高版本的IE内核进行渲染「”IE=edge”」。

总结

  • 如果支持Google Chrome Frame:GCF,则使用GCF渲染;

  • 如果系统安装ie8或以上版本,则使用最高版本ie渲染;

  • 否则,这个设定可以忽略。

360浏览器内核控制标签meta说明

但是360浏览器添加了一个meta标签:

<meta name="renderer" content="webkit">

浏览器默认内核的指定只需在head标签中添加一行代码即可: 
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 
content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

还是推荐添加上面两段代码让网页使用最新的内核渲染。