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

时间: 2024-10-22 03:37:59

解决360浏览器兼容模式的页面显示问题的相关文章

360浏览器兼容模式打开页面错误

今天发布系统之后,客户发现问题说360和傲游都打不开右下角提示的页面而IE8可以打开,右下角图:返回404错误.我回到座位上打开系统看了下,确实如此.我仔细想了下,我平时自己开发模式下就可以,但是为啥发布了就不行了.我仔细看了下我360浏览器.原来我用的都是极速模式,webkit内核.立马切换到兼容模式下,果然挂了.让我郁闷了..话说兼容模式下用的ie内核.自己本机怎么也装的ie8,咋就不行了呢. 我打开前端代码发现有这么一句话:parent.document.getElementById("m

360浏览器兼容模式,页面不能正常渲染

360急速模式都可以正常的渲染,但是切换到兼容模式,页面就不能正常的渲染了.分析原因: 因为360浏览器中包含了两个浏览器 一个是IE(Trident内核),即兼容模式,在使用网银时需要切换为兼容模式 一个是Chrome(Chrommium内核),即极速模式,普通浏览时使用 使用极速模式,就类似与用了360的高速内核,兼容性很好 是谷歌的内核. 而使用兼容模式,360的做法是保留了你的电脑里面本身的ie内核,倘若你的电脑浏览器是ie7 ,使用兼容模式,就相当于 是使用了ie7,同理,如果你的电脑

360浏览器兼容模式无法弹出layer对话框问题

问题    Layer插件的提示框在极速模式下正常显示,但是兼容模式下不显示. 解决 360有俩模式(点击地址栏的闪电图标或者IE图标可以切换) 一个是基于Webkit内核的极速模式,一个是IE内核的兼容模式.     强制360以极速模式浏览网页,可以给此网页增加meta,强制360浏览器以极速模式解析此网页,而非IE兼容模式. <html><head><meta name="renderer" content="webkit">

360浏览器兼容模式默认显示ie最高版本

之前写完代码都会放在360浏览器里跑一边,基本没啥问题,因为设置的都是极速模式,极速模式内置的是webkit内核,后来测试人员测试了兼容模式,发现会出各种问题,打开控制台一看,“我的天呐”,默认的竟然是ie7,本人从事前端以来就没调过ie7的兼容性,这可如何是好,后来同事给了一段代码,可以把默认版本改成ie最高版本, <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 瞬间所有问题

360浏览器兼容模式 不能$.post (不是a 连接 onclick的问题!!)

最近发现一个360浏览器很蛋疼的事情,在兼容模式下 代码: <a href="#" onclick='doAudit(1)'>审核</a> 点击没有任何效果,试了所有浏览器都不会 于是以为是兼容模式会变成IE6 于是改成各种写法 <a href="javascript:void(0)" onclick='doAudit(1); return false;'>审核</a> 等等 发现没有任何作用 后来慢慢静下心,一段段注

360浏览器 兼容模式 极速模式

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <meta name="renderer" content="webkit">

360浏览器兼容调整

360安全浏览器在兼容模式下,默认使用IE6/7模式,有时候web只兼容IE8以上,下面谈谈解决360浏览器兼容模式极速模式调整的问题: 设置360安全浏览器打开模式通过meta设置即可,如下: 一.打开页面的模式 1. 默认使用极速模式(webkit内核) <meta name="renderer" content="webkit"> 2.默认使用兼容模式(IE6/7) <meta name="renderer" conten

meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10(包括360的兼容模式)

最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常):简单研究了一下360的兼容模式,在360的兼容模式下按F12得到下图的调试信息: 经过测试,发现是红框处的设置的ie版本太低导致的,主要是文档模式更改文档模式为相对较高的版本即可解决, 这里,我添加了如下代码 <meta http-equiv="X-UA-Compatible" content="IE=edge,ch

QQ浏览器兼容模式问题

今天客户反馈有个问题,他说用360浏览器的兼容模式无法登陆系统,我试了可以,接着试了IE11,也可以,然后跟经理汇报,他说他用qq浏览器兼容模式就不可以,于是我试了,果然不可以... 问题是酱紫的:输入账号密码后,点击登录,密码和验证码就不见了..我很奇怪,之前都是点登录就直接登录,或是说密码错误,验证码错误之类的.他啥也没报,控制台也没报,验证码没刷新,所以我想就是点了没反应.. 于是百度了很多东西,百度出来了一句话:<meta http-equiv="X-UA-Compatible&q