- 浏览: 59805 次
- 性别:
- 来自: 大连
文章分类
最新评论
浏览器内核控制Meta标签说明文档
背景介绍
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于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示例
备注
这个功能其实和IE9的X-UA-Compatible很类似,关于IE几个内核的实现介绍,请看:
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
背景介绍
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于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示例
备注
这个功能其实和IE9的X-UA-Compatible很类似,关于IE几个内核的实现介绍,请看:
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1210<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 554CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1006script代码: <script type=" ... -
html之marquee详解
2014-03-28 10:07 595该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 18361。html中a标签的四个属性书写是有顺序的,如果顺序不对,显 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 707有时候,为了网页设计的美观,需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1171<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 609对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1797开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 544进行网页设计时,由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 886<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 527■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得 ... -
顶部浮动
2013-11-29 09:37 401<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 496很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现 ... -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
2013-09-05 13:55 953CSS hack:针对IE6,IE7,firefox显示不同效 ... -
white-space:
2013-08-30 10:57 445定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1133{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 532<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 731所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同 ... -
如何在页面中设置IE浏览器的文档模式
2013-08-04 12:58 1046如何在页面中设置IE浏 ...
相关推荐
360安全浏览器(360Safety Browser)是360安全中心推出的一款基于IE内核的浏览器,是世界之窗开发者凤凰工作室和360安全中心合作的产品。 【360安全浏览器基本介绍】 360安全浏览器是互联网上安全好用的新一代浏览器...
易语言调用Edge浏览器内核源码
拥有全球最快的浏览器内核,网页闪电般打开。 【2】无缝双核引擎: 无缝顺滑的双核切换,网购、秒杀快捷流畅。 【3】网址云安全: 自动拦截欺诈、木马网站,上网安全更省心。 【4】丰富的扩展: 大量为您精选...
这是一款基于chrome内核浏览器的翻译插件,增强功能,支持自动翻译国外网页,支持多语种自动检测并翻译,本插件在360安全浏览器和Google chrome浏览器中测试完美运行。值得一提的是,本插件源自百度翻译,稍做了修改...
3.模板采用html+css架构,兼容世界之窗/360安全/360极速/FF/IE789及以上等主流浏览器. 4.分类页包含个性化的title、meta,易于搜索引擎收录! 5.网址链接文本可以选择上百种链接颜色以及是否加粗显示. 6.自带360...
全站前台界面采用DIV+CSS布局,兼容IE8,IE9,IE10,IE11,chrome浏览器,Safari浏览器,FF浏览器及国内主流浏览器(之所以未明确列出,百度浏览器,捷豹浏览器,腾讯浏览器,360浏览器等等是因为他们的浏览器内核用...
3.模板采用html css架构,兼容世界之窗/360安全/360极速/FF/IE789及以上等主流浏览器. 4.分类页包含个性化的title、meta,易于搜索引擎收录! 5.网址链接文本可以选择上百种链接颜色以及是否加粗显示. 6.自带...
模板介绍: 织梦最新内核开发的模板,该模板属于企业通用类业都可使用, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据
模板介绍: 织梦最新内核开发的模板,该模板属于企业通用类业都可使用, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据
1、配置参照 DEMO实例参考图片 2、主要配置登录参数配置完成后点击登录,登录成功后点击...3、从通道列表中选择显示通道 ... 6、浏览器插件更改的是IE内核所以尽量采用QQ浏览器或360等使用IE内核的浏览器,兼容32位浏览器
织梦最新内核开发的模板,该模板属于企业通用类、茶道、茶叶类企业都可使用,这款模板...完美兼容 IE7 、Firefox、Chrome、360 浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE 内核都可以使用;附带测试数据!
这款模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
模板介绍: 织梦最新内核开发的模板,该模板属于企业通用、发电机、机电、机械设备类企业都...完美兼容IE7 、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
这款模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据
这款模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
这款模板使用范围极广,不仅仅局限于一类型的企业,你只需要把图片和产品内容, ...完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
模板介绍:织梦最新内核开发的模板,该模板属于企业通用类、...原创设计、手工书写DIV+CSS,完美兼容IE7+、Firefox、Chrome、360浏览器等;主流浏览器;页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
绿色企业网站源码下载(带手机端)织梦最新内核开发的模板,该模板属于企业通用、环保、废气...完美兼容IE7 、Firefox、Chrome、360浏览器等;主流浏览器; 页面简洁简单,容易管理,DEDE内核都可以使用;附带测试数据!
经过360安全中心修改定制的Puppy Linux系统。采用非Windows内核,有效防止Windows病毒的重复、交叉感染。界面风格简洁清新。不受原有操作系统限制,即使原系统崩溃、无法启动,急救盘系统也能帮您拯救您宝贵的数据。...