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

原创 2014年05月26日 14:09:23

引言:  在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浏览器下的页面兼容性问题以及解决方法

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

css在360浏览器的兼容问题

在此并不从整体的角度来阐述,只是简单得记录下今天花了一个下午的时间才解决的问题。      下面是在360兼容模式的显示:              而在火狐浏览器、360浏览器的极速模式、甚至IE浏...
  • u014527912
  • u014527912
  • 2015年07月17日 15:30
  • 6309

360浏览器兼容模式下代码渲染兼容问题

未经允许,不得转载!! 水平有限,不周之处欢迎交流、指正!! 360浏览器兼容模式、极速模式中兼容模式就是个坑,这货呢,包含了两个浏览器 一个是IE(Trident内核),即...
  • ime33
  • ime33
  • 2017年03月09日 14:31
  • 568

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

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

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

浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式: 表示极速模式 表示兼容模式 表示IE9/IE10模式(仅在安装了IE9或IE10后可用) ...
  • zheng963
  • zheng963
  • 2015年02月11日 10:41
  • 4800

解决Bootstrap网页在360安全浏览器兼容模式下无法正常显示问题

最近在公司做一个功能挺简单的网站系统,我习惯性的用chrome浏览器进行调试,网站前端大量用了bootstrap,还为了讨好领导加了不少H5+CSS3效果、各种图表,一切进行的那么顺利。有一天领导说要...
  • u011492260
  • u011492260
  • 2017年07月31日 16:29
  • 2603

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

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

bootstrap在360极速浏览器中的问题!

360急速浏览器的兼容模式尼玛真是坑完了!为了速度都不顾一切了!
  • Acid_Black_Cherry
  • Acid_Black_Cherry
  • 2016年09月24日 20:19
  • 571

页面在360浏览器出现样式错乱问题

在前端web开发时,写好的页面在360浏览器下出现样式错乱,但是在Chrome,Firefox甚至是IE8+以上都没有问题,那么问题是怎么来的?     分析:1,先检查你的js框架,jQuery...
  • qq_37717798
  • qq_37717798
  • 2017年07月17日 15:51
  • 1262

开发网站时解决360浏览器的兼容性问题,兼容模式打不开,让网页默认为极速模式打开

360浏览器打开网页默认是兼容模式,导致有些网页打不开, 可以在网页头部加上代码,默认改为为极速模式打开,就正常了: 下面的代码会默认打开兼容模式...
  • chen517611641
  • chen517611641
  • 2016年08月09日 17:53
  • 5704
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面在360浏览器下的兼容性问题解决
举报原因:
原因补充:

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