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

晓涵在路上 晓涵在路上     2022-09-30     544

关键词:

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于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

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

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

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

引言: 在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其它的浏览器上。皆为正常状态,问题出在哪里呢?问题的提出:    Web页面在360的浏览器上,显示不对。可是在Firefox、chrome和IE... 查看详情

angularjs在360兼容模式下取数据缓存问题解决办法

  测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具。好在经过反复重装之后,... 查看详情

360浏览器怎么切换成兼容模式?

1、首先打开360浏览器,这里就以360安全浏览器10.1为例,点击右上角的图标。2、完成之后,如下图所示,会自动显示两种模式,分别为极速模式和兼容模式。3、最后选择兼容模式即可,浏览器自动切换为兼容模式。4、如果需要... 查看详情

360浏览器打开新网页后显示空白是怎么回事?

...载过慢,或者有些设置上的问题,又或者你检查一下你的浏览器是否最新版本,如果不是的话,就升级吧,一般都会解决问题。也可以在-浏览器的“工具”-弹出来的最后一项的“选项”-“网页设置”-“网页内容”。祝楼主好... 查看详情

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

...兼容模式,页面就不能正常的渲染了。分析原因:因为360浏览器中包含了两个浏览器一个是IE(Trident内核),即兼容模式,在使用网银时需要切换为兼容模式一个是Chrome(Chrommium内核),即极速模式,普通浏览时使用使用极速模... 查看详情

win10系统用360浏览器兼容模式打不开闪电模式可以的

大家都在问为什么360浏览器切换不了兼容模式?2个回答7092阅读敬真我2022-09-28•Ta已获得331赞同关注因为360浏览器不支持兼容模式,但是你可以换其他的浏览进行相关操作即可。浏览器兼容模式的设置方法:1、打开360浏览器... 查看详情

ie11兼容模式仍然无法正常显示怎么解决

...哪了。网银又不支持IE11,即使安装了360、猎豹、搜狗等浏览器,但因为IE内核仍然是IE11的,同样会产生问题。下面小编就教大家怎么开启IE11兼容模式。IE11兼容模式/兼容视图设置开启方法1.打开需要开启兼容模式才能正常浏览的... 查看详情

360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,但是极速模式可以显示?(代码片段)

问题最近遇到一个验证码出不来的问题,在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,效果如下:这个验证码的代码元素如下,是一张图片,由接口提供的一个图片链接,返回的是... 查看详情

浏览器兼容

弹出层在火狐、谷歌、360极速模式、IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上:  <metahttp-equiv="x-ua-compatible"content="ie=7"/>    即可解决。但... 查看详情

360安全浏览器如何切换模式为兼容模式?

参考技术A设置方法如下:1.打开360浏览器,如图所示;2.在输入网址的地址栏右边看到”闪电“符号,如图所示;3.点击闪电符号后会自动显示两种模式,分别为极速和兼容模式,就可以选择适合的模式了,如图所示;4.现在的浏... 查看详情

360兼容模式问题

...圣诞节的活动,准备上线的时候,业务发现在360浏览器打开出现各种样式排版问题,排查原因发现,这次活动360兼容模式打开,居然是以ie5模式渲染的。于是想着在ie9以下给出提示用户浏览器版本太低问题1.我... 查看详情

电脑网站登录框,不显示验证码怎么办?

...令netshintipreset回车,重启电脑,然后重新打开网页看下2.浏览器兼容性出现问题,导致无法显示验证码原浏览器使用极速模式切换到兼容模式,原浏览器使用兼容模式切换到极速模式。即切换下浏览器的运行模式。参考技术A亲,... 查看详情

如何使用selenium打开360浏览器

...了两种模式,一种是base在WebDriver上的,通过Java直接操作浏览器,这种方式只支持IE,Firefox,Chrome几种浏览器,当然,WebDriver中用于打开浏览器的代码并不复杂,如果你愿意的话,可以自己基于InternetExplorer来写一个新的360Driver。... 查看详情

360浏览器兼容模式怎么设置360浏览器怎么设置兼容模式

参考技术A1、360浏览器有两种工作,模式一:极速模式,另一种是:兼容性模式,如果出现网页异常可以切换到兼容性模式中。2、打开电脑中的360浏览器,在最上方输入网址处有个“闪电形状的图标”,点击图标。3、接着会出... 查看详情

html`css_网站页面不同浏览器兼容性问题解决

 目前,最为流行的浏览器共有五个:分别是ie,Edge浏览器(属于微软),火狐,谷歌(chrome)Safari和Opera五大浏览器。Trident内核:IE,360,,猎豹,百度;Gecko内核:火狐----------->这个浏览器内核是开源的浏览器内核,插件... 查看详情

我用360浏览器兼容模式下打开的网页是空白,用极速模式就打的开是怎么回事

...开这个邮箱的网页有问题,其他都没有什么问题可能是360浏览器和一些插件不兼容;建议你换个浏览器试试;我现在用的QQ浏览器就很好;它的体积小,功能多,稳定性、安全性、兼容性都比较强。再加上他的超级内核,使你的... 查看详情

360浏览器兼容模式下,浏览器调整大小时抛脚本异常的问题(代码片段)

这段时间遇到项目上的一个错误:360浏览器,兼容模式下(即IE内核)打开项目。调整浏览器大小的时候,在如下的代码段抛如下异常:出错:无法获取未定义或null引用的属性“clientX”。但是谷歌、火狐、IE都不会出现该错误... 查看详情