页面在360浏览器下显示不正常的兼容性问题_行云流水_新浪博客
页面在360浏览器下显示不正常的兼容性问题
在Web应用的开发过程中，发现若干页面在360的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪里呢？
问题的提出： Web页面在360的浏览器上，显示不正确。
但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。
问题的分析
​ 1.
检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。
2. 排查掉HTML标签内容的显示 问题。
3. 怀疑是CSS在不同浏览器下的兼容性问题，见过排查，没有发现问题。
排查360浏览器，发现其在当前页面的显示中，默认使用了IE7的渲染引擎。同时，在IE7的环境下，重现了类似情况。
5. 本质上，这个显示问题是页面在IE7下面的兼容性显示问题。
关于360浏览器或搜狗浏览器的分析：
对于此类浏览器，有时候号称双核或者N核的高速浏览器，其本质上就是本地IE浏览器的壳子，外加Chrome抑或Firefox的内核，大部分情况下都是WebKit系列内核。
那么，此类浏览器依据什么信息，来判断页面的渲染模式呢？答案就是可以指令运行当前页面的浏览器使用何种渲染引擎的声明。
这里，就是指令浏览器至少要使用IE8以上的渲染引擎来，渲染页面，从而规避掉IE7下的问题。
关于Doctype
声明必须是 HTML 文档的第一行，位于 标签之前。
声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中，
琛屼簯娴佹按
博客等级：
博客积分：0
博客访问：459,792
关注人气：0
荣誉徽章：360 兼容模式使用的是什么内核？支持 html5&css3 吗？ - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
360 兼容模式使用的是什么内核？支持 html5&css3 吗？
11:22:38 +08:00 · 3924 次点击
我做的登录界面动画，chrome布局正确，360兼容模式下则出问题。一般用户使用360浏览器时使用哪种模式？
& & 12:42:35 +08:00 via iPhone
兼容模式应该用的IE，极速的话是webkit，现在基本上都用webkit了
& · & 2066 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 15ms · UTC 13:35 · PVG 21:35 · LAX 06:35 · JFK 09:35? Do have faith in what you're doing.posts - 304,&
comments - 13,&
trackbacks - 0
360的极速模式下页面打开样式完好
一旦用兼容模式打开，页面样式就全部错乱了
&解决方法：我们在用idea新建jsp的时候，页面没有自动生成&!DOCTYPE html&
这行代码，把这行代码加上去就OK了。
下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。
&!DOCTYPE& 声明必须是 HTML 文档的第一行，位于 &html& 标签之前。
&!DOCTYPE& 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，&!DOCTYPE& 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
& document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
& & & 这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
& && 如果你的页面添加了&!DOCTYPE html&那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的
标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是&!DOCTYPE html&的作用。
2使用：&!DOCTYPE html&
2.1&使用也很简单，就是在你的html页面的第一行添加"&!DOCTYPE html&"一行代码就可以了
2.2&jsp的话，添加在&%@ page %&的下一行。
2.3 不用区分大小写哦
详细介绍请查看全文：
&原文博客的链接地址：
阅读(...) 评论()页面在360浏览器下显示不正常的兼容性问题
& 发布时间： 16:05:39 & 作者：佚名 &
若干页面在360的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪，下面针对此问题做下分析，希望对大家有所帮助
引言： 在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的使用。
大家感兴趣的内容
12345678910
最近更新的内容页面在360浏览器下显示不正常的兼容性问题-阿里云资讯网
页面在360浏览器下显示不正常的兼容性问题
发布时间：
更新时间：
来源：网络
上传者：用户
兼容性问题
引言： 在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的使用。
本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：zixun-group@service.aliyun.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
在当今高速发展的中国，嫦娥已奔月、高铁已运转、杀人已不犯法、苹果当红的形势下，IE6浏览器本应受到极大重创，然而自2001年10月IE6问世以来，中国网民数量对此浏览器的喜爱却有增无减，原因何在： XP系统的成功引进。经济高速发展，贫富差距加大，人民生活水平虽有提高，但架不住物价上涨，故系统已无力更新。 银行和政府大力扶持IE6。部分官员贪污腐败，挥霍无度，却无钱用于浏览器更新。 基于IE内...
SEO外链增加流量
SEO的最高境界
&博客类网站推荐：1、新浪博客 blog.sina.com.cn2、网易博客 blog.163.com3、博客网 bokee.com4、搜狐博客 blog.sohu.com5、腾讯博客 blog.qq.com6、和讯博客 blog.hexun.com7、51博客 51.com8、博客大巴 blogbus.com9、凤凰博报 blog.ifeng.com10、天涯博客 blog.ti...
DIV+CSS布局
好处和意义
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？ Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效...
复制代码代码如下: &!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&& &HTML& &HEAD& &TITLE& New Document &/TITLE& &style tyep=&text/css&& ...
很多初学制作网页的朋友，可能会遇到的一个常见问题，就是在CSS中加了margin:0却没有效果，不能居中的问题！margin:0的意思就是：上下边界为0，左右根据宽度自适应！其实就是~~水平居中的意思，呵呵！小一在这里说两个典型的错误引起的不能居中的问题： 1、没有设置宽度&div style=&margin:0&&&...
web开发，IE9的一个很重要的更新就是可以把一个网站拉到任务栏里，把一个网站当作一个web应用程序。同时一个网站也可以在开始菜单栏里面，当作一个应用程序，但应用程序需要网络的支持。 web开发里面，数据库的内容我们可以不改，但我们可以按我们的意愿去改动一个web应用程序外观等内容。页面里面的内容，我们不需要改动，当然也可以改动。 1，我们可以改动头元素（meta） 添加代码 &met...
若您要投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员会在5个工作日内回复。
售前咨询热线
支持与服务
资源和社区
关注阿里云
International