浏览器内核控制Meta标签
2016-06-01 15:07
295 查看
背景介绍
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。因此,我们新增加了一个控制手段:内核控制Meta标签。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。
代码示例
在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">
各渲染内核的技术细节
内核 | Webkit | IE兼容 | IE标准 |
---|---|---|---|
文档模式 | Chrome 21 | IE6/7 | IE9/IE10/IE11(取决于用户的IE) |
HTML5支持 | YES | NO | YES |
ActiveX控件支持 | NO | YES | YES |
各内核UA示例
相关文章推荐
- AWT,Panel入门,多框架,多Panel
- SpringMVC框架入门
- 数据库死锁那些事
- 自定义转场效果 presentViewController实现由左向右
- 278. First Bad Version
- 电脑卡顿的终极奥义
- 使用nslookup定位权威域名服务器得到权威应答
- Drupal Commerce alter checkout form and custom validate
- Java之反射机制
- Codeforces Round #352 (Div. 2) D. Robin Hood
- fszipx.exe
- ObjC的Block中使用weakSelf/strongSelf @weakify/@strongify
- 【整理】jQuery知识点4
- ul+li实现类似table的自适应宽度布局
- C#文件下载(实现断点续传)
- AWT入门 Frame篇
- 如何使 maven+jetty运行时不锁定文件
- Centos7 Firewalld 自定义富规则
- Android:安卓Touch事件分发机制
- 【整理】jQuery知识点3