蜗小牛
- 浏览: 63005 次
- 性别:
- 来自: 大连
-
文章分类
最新评论
浏览器内核控制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 1263<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 618CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1043script代码： <script type=" ... -
html之marquee详解
2014-03-28 10:07 644该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 19061。html中a标签的四个属性书写是有顺序的，如果顺序不对，显 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 767有时候，为了网页设计的美观，需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1224<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 654对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1911开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 592进行网页设计时，由于网站的海量信息以及标准化的网页制作模式 ... -
Jquery获取当前屏幕的宽度、高度
2013-12-05 14:48 951<script type="text/java ... -
iframe,frameset区别
2013-12-05 10:24 575■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得 ... -
顶部浮动
2013-11-29 09:37 445<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 549很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现 ... -
转 CSS hack：针对IE6，IE7，firefox显示不同效果
2013-09-05 13:55 1003CSS hack：针对IE6，IE7，firefox显示不同效 ... -
white-space:
2013-08-30 10:57 507定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1220{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 591<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 777所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同 ... -
如何在页面中设置IE浏览器的文档模式
2013-08-04 12:58 1086如何在页面中设置IE浏 ...
相关推荐
360安全浏览器(360Safety Browser)是360安全中心推出的一款基于IE内核的浏览器，是世界之窗开发者凤凰工作室和360安全中心合作的产品。 【360安全浏览器基本介绍】 360安全浏览器是互联网上安全好用的新一代浏览器...
### 浏览器内核分类及其应用场景 #### 一、引言 随着互联网技术的不断发展与普及，浏览器作为用户接入互联网的重要工具之一，在日常生活及工作中扮演着不可或缺的角色。不同的浏览器因其内部采用的不同内核，展现...
本主题聚焦于易语言如何调用Edge浏览器内核，这是一个在网络编程领域非常重要的知识点，尤其对于那些希望在自己的应用程序中集成Web浏览功能的开发者来说。 Edge浏览器是微软推出的最新一代网页浏览器，它采用了...
拥有全球最快的浏览器内核，网页闪电般打开。 【2】无缝双核引擎： 无缝顺滑的双核切换，网购、秒杀快捷流畅。 【3】网址云安全： 自动拦截欺诈、木马网站，上网安全更省心。 【4】丰富的扩展： 大量为您精选...
360极速浏览器是一款基于Chromium内核的浏览器，它的设计目标是提供快速、稳定的网页浏览体验。然而，与基于Internet Explorer（IE）内核的浏览器不同，360极速浏览器并不直接支持通过常规方式查看和管理临时下载的...
在极速模式下，360浏览器使用Chromium内核，这使得它具有高速的浏览速度。但是，对于新手用户来说，可能会遇到设置背景颜色的问题。幸运的是，我们可以通过手动编辑CSS文件来实现背景颜色的设置。 操作步骤如下： ...
7. **360浏览器特性**：360浏览器有多种模式，包括基于Chromium内核的极速模式和基于IE内核的兼容模式。在编写代码时，需要考虑到这两种模式下的行为差异，确保代码在两种模式下都能正常工作。 通过以上步骤，我们...
delphi浏览器控件 Chromium，含demo、源码，chrome内核，与360安全浏览器等同内核，需先安装google Chrom浏览器，支持最新H5技术，developed and tested on Delphi 10.4 and it has been tested in Delphi 7, Delphi...
这种方法主要适用于基于Chrome内核的360浏览器6.1正式版或更高版本，以及360浏览器极速版和谷歌浏览器。以下是对这个教程的详细解释： 首先，用户需要在电脑桌面上找到360浏览器的快捷方式，并右键点击选择“属性”...
360浏览器是一款由中国互联网安全公司360推出的免费网页浏览器，它基于 Chromium 内核，提供了多种功能，包括网页拦截、广告过滤、隐私保护等。 2. 在浏览器界面的右上方，你会看到一个工具栏，上面有多个图标，...
1. **安全防护**：360浏览器以其强大的安全防护体系著称，内置360安全卫士技术，能有效拦截恶意网址，防止钓鱼网站和病毒的侵入，保护用户的上网安全。 2. **高速浏览**：360高速浏览器采用了Chromium内核，提供了...
360浏览器作为国内广泛使用的网页浏览工具，其内置的IE内核（Internet Explorer）有时会出现语言设置错误，导致原本的中文界面变成英文。本文将详细介绍如何解决360ie变英文的问题。 首先，我们要了解360浏览器为何...
而shell中定义了常见的国内浏览器类型，如360浏览器、傲游、腾讯QQ浏览器等。 在获取客户端浏览器信息时，插件使用了JavaScript内置的navigator.userAgent对象，并将其转换为小写形式以进行匹配。接着，插件利用...
- **JavaScript交互**：由于其基于IE内核，因此可以执行JavaScript代码并与之交互，获取网页动态信息。 - **HTML渲染**：能正确地解析和渲染HTML5、CSS3等现代网页标准。 - **事件处理**：提供一系列的事件，如...
360极速浏览器是一款基于Chromium内核的快速、安全的网络浏览器，它提供了丰富的功能和自定义选项，包括字体设置。对于用户来说，能够调整浏览器的字体样式和大小是提高阅读舒适度的重要手段，尤其是对于长时间浏览...
这是一款基于chrome内核浏览器的翻译插件，增强功能，支持自动翻译国外网页，支持多语种自动检测并翻译，本插件在360安全浏览器和Google chrome浏览器中测试完美运行。值得一提的是，本插件源自百度翻译，稍做了修改...
360浏览器，用户可以通过点击地址栏后面的“闪电”图标，选择兼容模式。QQ浏览器则需要在设置中选择“高级”，然后在内核选项下选择“总是使用IE内核”。对于IE11及以上版本，需要将特定网站（如neea.edu.cn）添加到...
1. 使用系统自带的IE浏览器：因为360安全浏览器通常会安装IE内核，用户可以直接打开IE浏览器来访问“Internet选项”。 2. 在360安全浏览器中，点击右上角的“扳手”图标，选择“选项”，在此处进行一些基本设置，...
“控制任何外部IE内核浏览器”表示此代码不仅限于特定版本的IE，而是可以应用于所有基于IE内核的浏览器，这包括一些第三方浏览器，如Maxthon、360浏览器等。这种通用性对于跨浏览器的自动化测试和脚本编写具有重要...
3.模板采用html css架构，兼容世界之窗／360安全／360极速／FF／IE789及以上等主流浏览器. 4.分类页包含个性化的title、meta，易于搜索引擎收录！ 5.网址链接文本可以选择上百种链接颜色以及是否加粗显示. 6.自带...