• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含Meta,极速模式,兼容模式等相关知识,佚名 希望在学习及工作中可以帮助到您

一个网站,大量采用了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标签中添加一行代码:

  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标签
  • 一些有用的meta设置方法(必看)
  • HTML的meta标签常见用法集锦
  • 基于meta实现页面的定时刷新或跳转
  • 举例讲解HTML中META标签的一些使用技巧
  • 常用HTML meta 标签属性(网站兼容与优化需要)
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
  • meta标签中的viewport控制设备屏幕css
  • meta标签中的使用viewport定义屏幕css
  • 关于html中meta的作用(网上搜集整理得来)

相关文章

  • 2017-08-05浅谈script在html中的摆放位置
  • 2017-08-05dns-prefetch是什么 前端优化:DNS预解析提升页面速度
  • 2017-08-05利用HTML、CSS 实现带表情的评论框的制作教程
  • 2017-08-05html格式化json的实例代码
  • 2017-08-05html中的图片直接使用base64编码后的字符串代替
  • 2017-08-05html中position的一个小用法使用介绍
  • 2017-08-05HTML 标记一定不要忘记关闭
  • 2017-08-05初学者接触HTML了解一些HTML标记(3)
  • 2017-08-05html 用超链接打开新窗口其可控制窗口属性
  • 2017-08-05input输入框中的光标大小显示不一致的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • form表单中什么隐藏属性可以随表单提交
    • 用按钮触发事件的方式实现背景色的闪烁效果
    • W3C教程(4):W3C XHTML 活动
    • W3C教程(1):认识W3C
    • 如何在textarea文本输入区内实现换行
    • HTML利用超链接打开链接文件的方法介绍
    • HTML教程:收集的常用的HTML标签(5)
    • html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
    • W3C教程(15):W3C SMIL 活动
    • 空格 在ie、firefox、chrome浏览器中显示距离不一致

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有