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

yangykaifa yangykaifa     2022-09-06     479

关键词:

引言:  在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其它的浏览器上。皆为正常状态,问题出在哪里呢?


问题的提出:

     Web页面在360的浏览器上,显示不对。 可是在Firefox、chrome和IE8+以上的浏览器上,都是显示正常的。

问题的分析

  1.  检查了一些Javascript框架。标准的jquery类库1.x系列,确认其工作正常,问题不是在于Javascript方面。

  2.  排查掉HTML标签内容的显示 问题。

  3.  怀疑是CSS在不同浏览器下的兼容性问题。见过排查,没有发现问题。

  4.  排查360浏览器。发现其在当前页面的显示中,默认使用了IE7的渲染引擎。

同一时候,在IE7的环境下,重现了类似情况。

  5.  本质上,这个显示问题是页面在IE7以下的兼容性显示问题。


关于360浏览器或搜狗浏览器的分析:

  对于此类浏览器。有时候号称双核或者N核的快速浏览器,其本质上就是本地IE浏览器的壳子,外加Chrome抑或Firefox的内核,大部分情况下都是WebKit系列内核。

那么,此类浏览器根据什么信息,来推断页面的渲染模式呢?答案就是能够指令执行当前页面的浏览器使用何种渲染引擎的声明。

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

这里,就是指令浏览器至少要使用IE8以上的渲染引擎来,渲染页面。从而规避掉IE7下的问题。


关于Doctype.

<!DOCTYPE> 声明必须是 HTML 文档的第一行。位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本号进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,由于 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才干正确地呈现内容。

分析:  doctype所要解决的就是使用何种HTML的语法解析器和渲染器。比方特定HTML标签的使用,则依赖于HTML Doctype的使用。




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

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

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

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

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

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

解决vue和360浏览器兼容问题

参考技术A首先我们要安装babel-polyfill安装完成后在main.js中引入并在webpack.base.conf.js中配置entry这样在360浏览器上运行就不会出现兼容问题了 查看详情

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

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

解决uploadify插件不同浏览器下的兼容性问题(代码片段)

http://www.thinkphp.cn/code/2138.html uploadify在部分浏览器上没法使用,或者各种报错的解决方法。uploadify插件上传图片是很爽的体验。如果用chrome浏览器使用该插件基本上不会出任何错误。报错情况:1、缺少flash插件。这种情况比... 查看详情

bug预防体系

...:在不同分辨率下验证页面显示的兼容正确性 2. 浏览器兼容性目前市场上的主流浏览器如下:a.IE6.0-11b.360 浏览器c. 猎豹浏览器d.QQ 浏览器e.Chrome 浏览器f.FireFox 浏览器通常情况下要保证IE6-11和360 浏... 查看详情

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

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

flex与相对定位在国内双核浏览器极速模式下的兼容性问题

...开始---览器兼容性问题是前端的一个重要部分。在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器。双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式。兼容模式时使用IE内核... 查看详情

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

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

360浏览器和google浏览器f12怎么看session的???

session是为服务器端存储用户会话的方式之一。在浏览器中,一般只会看见用于标识session的唯一标识符(sessionid),它一般通过cookie进行保存。所以您可以通过Resources下的Cookies看到当前页面相关域下的所有cookie,即用360浏览器和... 查看详情

浏览器兼容性问题(代码片段)

使用meta标签来调节浏览器的渲染方式,告诉浏览器用哪种内核渲染,360双核浏览器就是在ie和chrome之间来回切换,现在使用meta标签来强制使用最新的内核渲染页面<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">rgba不支持IE8解... 查看详情

笔记让360浏览器用chrome内核渲染你的网页

...校的项目还处在测试阶段有一个痛点就是有一些页面在360浏览器中默认以ie内核渲染这样很不好以为部分页面因技术方面的不足导致并不能很好地兼容ie浏览器,于是在网上找了一下答案可真还有解决方法只要在你的页面加上这... 查看详情

你做的页面在哪些浏览器测试过?这些浏览器的内核是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?(至少说3个)

IE内核浏览器:360,傲游,搜狗,世界之窗,腾讯TT非IE内核浏览器:firefoxoperasafarichrome1.就是ie6双倍边距的问题,在使用了float的情况下,不管是向左还是向右都会出现双倍,最简单的解决方法就是用display:inline;加到css里面去。2.... 查看详情

常见的兼容性问题解决

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的... 查看详情

为啥我的ie在输入格中随便输入啥都是404页面如:中国,百度。360浏览器确没问题.求高人解决.

参考技术A可能是浏览器的网络设置问题试试工具——internet选项找找看 查看详情

为啥我的ie在输入格中随便输入啥都是404页面如:中国,百度。360浏览器确没问题.求高人解决.

参考技术A应该浏览器劫持,杀毒吧,然后通过软件绑定浏览器的首页地址。试度芝个方法吧 查看详情

常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的... 查看详情