无意间看到 <meta name="renderer" content="webkit"> 这行代码,搜了一下原来是360浏览器的内核控制Meta标签 。想来已经整整一年没有做桌面版网页开发了,什么 IE、双核浏览器之类早已抛到脑后,不过下一阶段要开始考虑桌面浏览器了,又要头大了……

renderer meta 标签参数详解

只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。
360安全浏览器6.5版本开始支持内核控制 meata 标签:
<meta name="renderer" content="webkit|ie-comp|ie-stand">
content的取值为webkitie-compie-stand 之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
  • 若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
  • 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
  • 若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

各渲染内核的技术细节

内核 Webkit IE兼容 IE标准
文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)
HTML5支持 YES NO YES
ActiveX控件支持 NO YES YES

各内核 UA 对比

下面是在360浏览器6.6在 Win7 中不同渲染模式下的 UA(IE 11)。

webkit

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1

ie-comp

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)

ie-stand

 Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; rv:11.0) like Gecko