一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决

以下信息摘自360官方网站:

浏览模式

极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:

表示极速模式

表示兼容模式

表示IE9/IE10模式(仅在安装了IE9或IE10后可用)

360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以,通常您不用了解几种内核的区别。

几种模式各有什么特点

极速模式下,网站打开速度快,但某些网站在极速模式下可能出现兼容性问题,显示不正常。
兼容模式下,网站打开速度比极速模式略低,但网页兼容性问题较少。
IE9/IE10模式下,网站会使用IE9/IE10的渲染方式渲染,支持硬件加速及IE9/IE10全新的脚本渲染引擎。

切换浏览模式时,360极速浏览器将会自动同步双核间的数据,让您在双核间能无缝切换。

用户体验计划

在您加入用户体验计划的情况下,我们会将切换的网址发送到360网站,以便我们完善兼容列表库,改进产品。

上传的数据不包含具有您个体特征的信息,且不会泄漏给第三方个人或机构。

若不希望上传切换的网址,您只需在“高级选项”里去掉勾选
“ 将使用情况统计信息和崩溃报告自动发送给360极速浏览器网站,帮助我们完善360极速浏览器”即可。

背景介绍

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。

尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。因此,我们新增加了一个控制手段:内核控制Meta标签。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

代码示例

在head标签中添加一行代码:

XML/HTML Code复制内容到剪贴板
  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内核,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内核,Webkit内核是全球最快速的浏览器内核,同时支持了诸多的网页新标准, 
但由于Webkit内核较新,国内一些网站尚未较好地支持此内核。

兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。

IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核,加入了硬件加速、全新的脚本渲染引擎,更标准的HMTL5及CSS3支持。

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

  1. 用Meta标签代码让360双核浏览器默认极速模式

    这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下 一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却 ...

  2. 用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式

    我开发了一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加 ...

  3. 介绍了用Meta标签代码让360双核浏览器默认极速模式(google)打开网站不是兼容模式

    一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加入一段M ...

  4. HTML:设置360双核浏览器默认选中谷歌内核

    在head标签中加入 <meta name="renderer" content="webkit|ie-comp|ie-stand" /> 就这么简 ...

  5. 360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题

    由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...

  6. 360浏览器(QQ浏览器 等双核浏览器) 极速 IE 兼容 模式的 兼容问题处理:设置优先使用极速模式 渲染和加载

    360浏览器(QQ浏览器 等双核浏览器) 极速 IE 兼容 模式的 兼容问题处理:设置优先使用极速模式 渲染和加载页面 //360浏览器(QQ浏览器 等双核浏览器) 极速 IE 兼容 模式的 兼容问题 ...

  7. 360浏览器默认极速

    360浏览器使用meta标签默认进入为极速模式 目前开发一款项目,主要针对高校的老师,而高校老师使用最多的浏览器是360浏览器.360浏览器是个双内核浏览器,在使用兼容模式登录时会有一些东西不兼容,所 ...

  8. html判断360浏览,JS判断是否是360安全浏览器的极速内核方法

    360安全浏览器极速内核,在非360网站的navigator.userAgent是: "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537 ...

  9. 内核控制Meta标签:让360浏览器默认使用极速模式打开网页(转)

    为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签. 1,网页头部加入 <meta name="renderer&quo ...

最新文章

  1. 矩阵的终极分解-奇异值分解 SVD
  2. Linux命令:sed
  3. reid笔记 yolov5 deepsort
  4. 修改RHEL7/centos7网卡为eth0
  5. C#中类的override和virtual
  6. vue 上传图片限制大小和格式
  7. 小Z的袜子(BZOJ-2038)
  8. 预约购票 php,正式上线!预约购票、参访攻略...你最关心的都在这!
  9. 技术大佬:我去,你写的 switch 语句也太老土了吧!
  10. 5、maplotlib中的轴刻度和轴线
  11. Comet OJ Contest 4
  12. 软件测试 接口测试 入门Jmeter 接口关联 提取器 断言 与fiddler配合使用 使Jmeter录制和创建脚本 操作数据库 持续集成测试
  13. 猜游戏程序java_java猜字游戏
  14. 力扣解法汇总969-煎饼排序
  15. Win10重装win7时一直显示windows启动中,不要慌
  16. 现代韦编三绝 新东方强浩老师自学新概念的故事
  17. 2019 CVPR之ReID:Hi-CMD: Hierarchical Cross-Modality Disentanglement for Visible-Infrared Person Re-Id
  18. iMeta | 调控肠道菌群的宿主源代谢分子概述
  19. Mac min忘记登录密码
  20. PTA基础题目集 7-25 念数字 (15 分)

热门文章

  1. oeasy教您玩转linux 010211 牛说 cowsay
  2. 4.决策树的探赜索隐
  3. Arduino与Proteus仿真实例-SHT7x温度湿度传感器驱动仿真
  4. 秀米svg点击显示另一张图_秀米说:SVG和图文排版
  5. Studio 3T无法连接MongoDB异常错误 解决方法
  6. 搜狗 2018校招 商业基础工程—测试开发工程师练习题
  7. (三)Linux 4G模块实现短信发送的两种格式(Text和PDU)
  8. 【软考系统架构设计师】2011年下系统架构师综合知识历年真题
  9. 基于多相滤波器的数字信道化算法详解(Python, Verilog代码已开源)
  10. 346雷达有多少tr组件_TR组件是什么?