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

转载 2015年05月18日 14:17:25

引言:  在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的使用。

 原文地址:http://blog.csdn.net/blueheart20/article/details/27076905

CSDN在360浏览器中不能使用markdown吗?

在360浏览器上不能使用markdown吗?
  • baidu_37472307
  • baidu_37472307
  • 2017年03月31日 15:32
  • 232

为什么用360浏览器打开网页显示不正常而其他浏览器都正常

今天把一个项目放到线上,发现用其它浏览器显示都正常而360却乱成一团,找了很久的原因,原来用的360浏览器的模式是兼容模式,是这个兼容模式搞的鬼。 对于360浏览器的极速模式与兼容模式,相信大家都不陌...
  • zls986992484
  • zls986992484
  • 2016年11月24日 20:57
  • 4058

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

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

easyui form与360浏览器的不兼容性

之前的系统主要用firefox进行前台测试,偶尔用IE、搜狗,360测试一下,感觉功能一切都正常。 结果这几天给深圳的员工使用时,发现他们都是登录不上,登录时用的是easyui的form控件,结果...
  • bestcjt
  • bestcjt
  • 2015年10月15日 21:57
  • 2495

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

我开发了一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的方法,只要加...
  • qq_33728301
  • qq_33728301
  • 2016年02月23日 21:58
  • 3453

360浏览器内核是:IE内核+chromium内核,“内核”究竟是什么意思?

360浏览器内核是:IE内核+chromium内核,“内核”究竟是什么意思? 那么问题来了,360浏览器不是使用的IE内核吗?怎么又成了Chromium内核了。 那么360浏览器的内核,究竟是什...
  • Ideality_hunter
  • Ideality_hunter
  • 2017年08月23日 15:27
  • 1094

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

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

解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题

刚开始写页面的时候,会出现很多问题,当然兼容性问题是最不容忽视的。然而就在刚刚我写代码的时候,在谷歌运行的很好的代码,突然转到360的三种模式的时候,就出现了各种问题。然而我也各种找解决办法,终于还是...
  • soulandswear
  • soulandswear
  • 2016年09月09日 21:02
  • 7316

浏览器内核比较

一、浏览器的内核简介   浏览器核心的部分是"Rendering Engine",我们一般习惯将之称为"浏览器内核"。负责对网页语法的解释并显示网页。 通常所谓的浏览器内核也就是浏览器所采用的渲染...
  • u014403766
  • u014403766
  • 2016年07月19日 20:29
  • 579

360页面适配问题总结

360浏览器采用IE(应该与IE7采用的一样)和谷歌双内核,除在语言检查上更为严格一点,对一些属性和CSS3样式的支持有一些差别,其他还好。下面是我做兼容遇到的一些问题,大多都是自己在编写的时候不小心...
  • MyJava_Dx
  • MyJava_Dx
  • 2016年04月06日 17:49
  • 253
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面在360浏览器下的兼容性问题解决【转】
举报原因:
原因补充:

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