无意间看到 <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的取值为
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">
各渲染内核的技术细节
内核 | 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