html设置浏览器兼容代码(解决360浏览器兼容问题)

转载 2018年04月16日 16:44:24
激动了又学到一个知识点,做html&css作业,发同学电脑用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">

注意:引号要英文状态下的,直接复制代码后看一下格式对不对,请自行更正。 各渲染内核的技术细节


<meta http-equiv="X-UA-Compatible" content="IE=8">

这里,就是指令浏览器至少要使用IE8以上的渲染引擎来,渲染页面,从而规避掉IE7下的问题。
最重要的一点!!这些标签前面除了title和其他meta外不能有其他标签!!!

内核 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
 转载自 https://segmentfault.com/a/1190000002611977

360浏览器下的页面兼容性问题以及解决方法

引言:  在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢? 问题的提出:      Web页面在360的浏览器上,显示不正确。...
  • ydm19891101
  • ydm19891101
  • 2016-06-21 13:02:03
  • 971

html 各浏览器兼容性

HTML头部声明文件类型    http://www.cnblogs.com/chendc/p/5407308.html一个能够兼容IE6,IE8,IE9,IE10,IE11,谷歌,火狐,360等常见...
  • hjtlovelife
  • hjtlovelife
  • 2017-04-18 18:25:05
  • 607

解决360等等浏览器兼容模式解析不兼容代码

之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理...
  • just5325
  • just5325
  • 2016-11-04 12:05:50
  • 2434

页面在360浏览器下的兼容性问题解决

引言: 在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其他的浏览器上,皆为正常状态,问题出在哪里呢?...
  • blueheart20
  • blueheart20
  • 2014-05-26 14:09:23
  • 34436

JAVA WEB 浏览器兼容问题汇总

首先谈一下浏览器,虽然现在ie依然是浏览器市场的老大,大约占有67%的份额,但是由于其各方面的欠缺,用户开始选择其他浏览器作为自己浏览网页的主要 工具,比如firefox、theworld、maxth...
  • dongzhumao86
  • dongzhumao86
  • 2014-01-06 13:08:17
  • 16381

web前端人员到底如何处理浏览器兼容,到底什么是浏览器兼容问题

浏览器兼容问题一直是一个难缠的问题,从你开始想成为一名程序员,到深入学习,从最开始什么都会懂,到开始写代码.从你研究页面到最后的面试. 你经常能听到这个2个问题? 1.你是如何处理浏览器兼容问题的. ...
  • gaoqiang1112
  • gaoqiang1112
  • 2017-09-08 10:40:44
  • 736

常见的各个浏览器的兼容处理

列下常见的浏览器的兼容处理一、html的兼容性对于有的浏览器不支持HTML5的一些标签我们可以使用html5shiv.js来进行处理,html5shiv 内核是 IE Trident;FF 是 Ge...
  • NtosKiking
  • NtosKiking
  • 2016-09-17 21:18:54
  • 2966

WEB前端解决浏览器兼容性问题

1.   HTML对象获取问题 FireFox:document.getElementById("idName"); ie:document.idname或者document.getElement...
  • qianlong2hao
  • qianlong2hao
  • 2015-04-27 17:18:37
  • 6715

jsp页面360浏览器兼容模式不兼容问题解决方法

众所周知,360浏览器兼容模式是个很蛋疼的模式,让无数开发人员头疼脑热。鄙人也遇到了,为留纪念,特附解决方法如下: 1、在标签前插入 如图所示: 2、在 标签内插...
  • guaodebeijixing
  • guaodebeijixing
  • 2017-06-05 14:57:12
  • 3301

css在360浏览器的兼容问题

在此并不从整体的角度来阐述,只是简单得记录下今天花了一个下午的时间才解决的问题。      下面是在360兼容模式的显示:              而在火狐浏览器、360浏览器的极速模式、甚至IE浏...
  • u014527912
  • u014527912
  • 2015-07-17 15:30:18
  • 6808
收藏助手
不良信息举报
您举报文章:html设置浏览器兼容代码(解决360浏览器兼容问题)
举报原因:
原因补充:

(最多只允许输入30个字)