当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计经验:不能忽视的遨游浏览器的兼容问题

心得技巧
产品设计:在时空人综合的情况看待产品
产品市场思考:越来越担心360安全卫士
在互联网面前,音乐产业太被动了
视觉设计中的微软雅黑的字体设计
视觉设计理论:设计中的生理色差
用户体验设计理论:用户体验设计的方方面面
网页设计中保持清晰简洁的图片设计技巧
网页设计理论:各种元素在页面的综合设计
WEBJX整理的24个Firefox Web开发插件
BBC网站设计中的新网站视觉系统
互联网产品设计:适当的无序信息设计
17个用于设计开发的chrome扩展工具
用户体验设计实例:网易邮箱开放pop3
用户体验设计:用户常见的信息需求
审视IE6的过去 分析多年IE6改变的原因
网站用户体验 为增加顾客体验设计页面
web开发人员谈IE8浏览器新特性
用户体验:我不喜欢豆瓣新首页的几点
用户体验设计实例分析:豆瓣新首页UI
优秀的设计团队需要的4种关键的成员

心得技巧 中的 设计经验:不能忽视的遨游浏览器的兼容问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 115 ::
收藏到网摘: n/a

不得不承认,傲游在用户体验方面是做得比较好的,所以它的用户群非常大。也正因为如此,它的某些不好的特性也造成了开发人员不可忽略的浏览器兼容问题。

Flash缓存?

前段时间在公司一个内部项目中,需要在网页里面嵌入一个批量上传图片的Flash。这本来是很简单的事情,在IE、Firefox等浏览器下也测试通过了,然而在傲游下却出现了一个奇怪的问题:从第二次浏览该网页开始,Flash变成了一片空白。即使关闭了所谓的网页加速,还是不正常。用 Google搜了一遍后,发现唯一的解决办法是在文件地址后加一串随机数避免缓存。
IE7 or IE8?

大部分Javascript框架使用navigator.userAgent判断浏览器类型,例如:
var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
  version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
  safari: /webkit/.test( userAgent ),
  opera: /opera/.test( userAgent ),
  msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
  mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};

当IE的版本是8.0时,傲游的设置中会出现一个“启用IE8标准渲染模式”的选项。如果没有勾上此选项,傲游默认用IE7模式进行渲染,userAgent中标识的版本也是IE7:
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; CIBA; MAXTHON 2.0)

后来,我在网页区域加上了X-UA-Compatible的设置:

此时网页虽然是以IE8模式进行渲染,但userAgent中标识的版本仍然是IE7。

傲游2.5后的版本给我的感觉是越来越糟糕,在这里期待一下Webkit核心的3.0版本。