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

分享到:

公司所作的页面在360下打开都会遇到在360下自动跳到360兼容模式引发许多兼容问题,摸索了好久终于在网上找到了怎么解决的方法,详情如下:

其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决。

以下信息摘自360官方网站

浏览模式

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

极速模式表示极速模式

兼容模式表示兼容模式

IE9IE10模式表示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标签中添加一行代码:

<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示例

备注

原文地址:http://www.ihref.com/read-16623.html

这个功能其实和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支持.

昵    称:
验证码:

相关文档:

  • 让低版本IE也能正常运行HTML5+CSS3网站的3种解决方案
    现在我们可以选择浏览器非常多,所以浏览器的环境也是种类繁多,同一个浏览器也是包含各种不同的版本,不同的版本之间的渲染方法...
  • Emmet:HTML/CSS代码快速编写神器
    Emmet的前身是大名鼎鼎的Zencoding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高...
  • [html5/css3] html5 web worker 基础
    <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>html5WebWorker示例</title> <scripttype="text/...
  • 20个新鲜出炉的网站模板【HTML & PSD】
    这里给大家分享20个新鲜出炉的免费网站模板。这些设计元素将成为你下一个项目的重要素材,可以帮你节省很多的时间。与往常一样,...
  • SpringMVC 整合 shiro mybatis hibernate html5
    A代码生成器(开发利器);B阿里数据库连接池druid;C安全权限框架shiro 此系统为springmvc+mybaits3.2版本,提供maven的pom.xml文件,另免费赠送hibernate...
  • 50个最受网友欢迎的HTML5资源下载列表
    完整附件下载地址:http://down.51cto.com/data/413867附件预览: HTML5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 15个HTML5入门经典...
  • [HTML5] 数据存储
    HTML5使用JavaScript来存储和访问数据 数据存储: 浏览器支持:主流全部支持(“IE8.0”、“Chrome4.0”、“Firefox4.0”、&ldq...
  • [转]60fps on the mobile web
    Flipboardlaunchedduringthedawnofthesmartphoneandtabletasamobile-firstexperience,allowingustorethinkcontentlayoutprinciplesfromthewebforamoreelegantuse...
  • [html5/css3] html5中新增和废除的属性
    HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。 新增的属性 1、表单相关的属性 对input(type=text)、select、textarea...
  • HTML5之地理信息应用 获取自己的位置
    上代码: window.onload=function(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition( function(pos){ $(“lat”).innerHTML=pos...
  • HTML5外包团队:HTML5 Canvas使用教程
    canvas元素用于在网页上绘制图形。 什么是Canvas? HTML5的canvas元素使用JavaScript在网页上绘制图像。 画布是一个矩形区域,您可以控制其...
  • [html5/css3] css3 选择器
    <!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>css3中的选择器</title> <styletype="text/css">...
  • [Javascript] Drawing Styles on HTML5 Canvas
    window.onload=function(){ varcanvas=document.getElementById("canvas"), context=canvas.getContext("2d"), width=canvas.width=600, height=canvas.height=...
  • HTML5与HTML4的区别
    A.简化的语法 更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。 B.一...
  • HTML5 新增通用属性
    一:HTML5保留的常用元素 7.表格相关元素。表格在html里还算重要的了。<table>:用于表格定义。cellpadding:单元格内容和单元格边框距离cel...
  • Hexo
    Hexo是一个快速,轻量,强大的Node.js博客框架。带给你难以置信的编译速度,瞬间生成静态文件;支持Markdown,甚至可以在Hexo中集合Octopre...
  • HTML中head头结构详情总结
    HTMLhead头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签...
  • HTMl5的sessionStorage和localStorage
    文章来源:http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.html感谢分享! html5中的WebStorage包括了两种存储方式:sessionStorage和localStorage...
  • jQuery+html5实现的3D动态切换焦点轮播幻灯片
    今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片,支持左右箭头和圆点按钮播放控制,支持多种不同的3D动...
  • 代码生成器+SpringMVC+mybatis+hibernate+bootstrap+HTML5
    A代码生成器(开发利器);B阿里数据库连接池druid;C安全权限框架shiro 此系统为springmvc+mybaits3.2版本,提供maven的pom.xml文件,另免费赠送hibernate...