页面在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的使用。

时间: 2024-11-08 10:56:09

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

一个jquery在不同浏览器下的兼容性问题。

<div id ='pdiv' style='visibility:hidden;'> <div id='cdiv'>子元素</div> </div> 以上HTML. 父div设置了visibility为hidden.当使用jquery获取子div的visibility的值时,在不同版本的IE浏览器得到的值不一样: 在>=IE8时 $("#cdiv").css("visibility")的值为"hidd

html页面 在ie 浏览器下页面显示变形

当遇到在别的浏览器下显示正常,但在ie 下页面变形,style 样式规则都已经写好的情况下. 这时造成这种情况可能是 html 页面头部指定的规则引起的 如果默认的可能是: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 只需要改成 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

解决uploadify插件不同浏览器下的兼容性问题

http://www.thinkphp.cn/code/2138.html uploadify在部分浏览器上没法使用,或者各种报错的解决方法.uploadify插件上传图片是很爽的体验. 如果用chrome浏览器使用该插件基本上不会出任何错误. 报错情况: 1.缺少flash插件. 这种情况比较好解决,直接下载一个flash for firefox插件安装上就可以解决了,或者在安装一个flash for ie插件. 2.直接HTTP 302错误. 这种情况说明页面做了session验证,做了重定

IE浏览器下常见兼容性问题总结

1:IE6/IE7对display:inline-block的不支持 html : <ul> <li><a href="">首页</a></li> <li><a href="">关于我们</a></li> <li><a href="">联系我们</a></li> <li><a

360浏览器下设置按钮失效的bug无法解决

表现一:注册页面无此bug 表现二:绑定手机页面有bug 表现三:可以设置其他按钮失效 但是不能设置自身失效 表现四:只有文字区域可以点击 非按钮文字区域不能点击 解决方法:重叠一个按钮用来显示提示语 设置原本的按钮文字为空 时间过后再恢复 原本的代码 var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="获取激活码"; wait = 60;

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

目前,最为流行的浏览器共有五个:分别是ie,Edge浏览器(属于微软),火狐,谷歌(chrome)Safari和Opera五大浏览器. Trident内核:IE ,360,,猎豹,百度: Gecko内核:火狐----------->这个浏览器内核是开源的浏览器内核,插件非常多,-------------->缺点:打开速度慢(加载flash插件)<-----额外介绍----->. Presto内核:Opera7及以上版本 Webkit:遨游,苹果 ,symbian:Safari.Ch

chrome浏览器下页面顶部出现一条空白解决

最近遇到页面在chrome浏览器下,顶部会出现一条空白的问题.后来知道是bom头的问题. 1.什么是bom头? BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行. 一般的编码集中并不会出现bom头,unicode编码集中会出现. 类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM).它是一串隐藏的字符,用于让记事

如何阻止360浏览器backspace键的默认快捷键

项目中遇到在360浏览器下按键盘的删除键(backspace)就回退出系统,回到登录页面. 所以做了下面的事件处理 //处理键盘事件 function doKey(e) { var ev = e || window.event; //获取event对象 var obj = ev.target || ev.srcElement; //获取事件源 var t = obj.type || obj.getAttribute('type'); //获取事件源类型 if (ev.keyCode == 8 &

浅谈百度推广之360浏览器无法登陆的痛处

百度,360,搜狗,是目前国内主流的三大搜索引擎,其中百度还是占据压倒性优势的.360借助安全杀毒.浏览器等其原有产品试图开发属于自己的市场,通过几年的发展,其综合搜索还是有一定影响力的,市场份额和用户量也在不断扩大:搜由于拥有国内不少搜狗输入法用户,加上与腾讯搜搜的整合,移动互联网的崛起,其力量一样不可小觑. 回归正题,由于小编长期用360浏览器,没觉得有什么不妥,由于一直做的有百度推广,最可恨的就是这个推广登陆页面,360浏览器根本登陆不了.IE浏览器我也试过登陆推广账号,但是问题多多,每次