浏览器内核控制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示例

时间: 2024-08-08 01:28:53

浏览器内核控制Meta标签的相关文章

浏览器内核控制Meta标签说明文档

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了

360浏览器内核控制Meta标签说明文档

代码示例 在head标签中添加一行代码: 1 <html> 2 <head> 3 <meta name="renderer" content="webkit|ie-comp|ie-stand"> 4 </head> 5 <body> 6 </body> 7 </html> content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核

360浏览器内核控制,配置使用极速模式或者兼容模式

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了

meta标签的作用及整理

欢迎访文我的博客YangChen's Blog meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标签,一个必用且关键的标签. 什么是meta标签? 引自下W3school的定义说明一下. 元数据(metadata)是关于数据的信息. 标签提供关于 HTML 文档的元数据.元数据不会显示在页面上,但是对于机器是可读的. 典型的情况是,meta 元素被

关于HTML(五)---------meta标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容.<meta> 标签的属性定义了与文档相关联的名称/值对. meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标签,一个必用且关键的标签. 什么是meta标

移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全

1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在iphone上我们的webapp在竖屏下通常宽度都是320. 因此我们必须改变viewport,我们就有如下几种属性值可以设置: width: viewport 的宽度 (范围从 200 到 10,00

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下 这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下. 一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决. 以下信息摘自360官方网站: 浏览模式 极速模式.

Meta标签以及viewport

meta是meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv. name属性主要作用:对应网页内容,以便于搜索引擎机器人查找.分类,其中最常用的是description和keywords:浏览器厂商定义的meta值,譬如ios的诸多属性移动端页面必带的viewport. http-equiv属性主要作用:用来在HTML文档中模拟HTTP协议的响应头,把 content 属性关联到 HTTP 头部.

HTML meta标签常用属性整理

概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. na