繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计经验:不能忽视的遨游浏览器的兼容问题
- 心得技巧
- 熟练设计师的七原则(2):颜色运用
- 静态网站转换成RSS的工具
- 探讨百度百科UI的发展趋势
- 网页体积的研究
- 网页技巧:多IE版本共存解决方案IETester
- 利用个性化搜索引擎查找需要的个性化信息
- web开发人员关心的IE7和IE8共存的问题
- Google翻译工具：快速实现网站多语言
- 网页内容的浏览设计方式探讨
- 网页表格的制作技巧
- 网页表格边框的设置方法
- 网页中照片预览导航设计技巧
- 内容网页中关于图片预览的设计
- 栅格就是你对页面版式的规划
- 网页设计中的装饰元素总结的应用
- facebook的信息架构评析
- facebook交友网站设计的用户体验分析
- Facebook互联网所有服务近乎完美改版过程
- 网页设计中的弹窗与浮层的设计
- 用户整体体验如何得到保障
心得技巧 中的 设计经验:不能忽视的遨游浏览器的兼容问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-27 浏览: 82 ::
收藏到网摘: 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版本。
评论 (0) All
