您的位置: 首页 / Design / 太多的浏览器

太多的浏览器

Published at Feb 28, 2pm / Keywords: ,

browser

凡是做网站开发相关工作的人都会有这样的体会,让一个网站可以跨浏览器兼容实在太麻烦了。明明在 Firefox 中布局很好的一个网站,到了 Internet Explore 下就大变样。然后设计者就要狠狠地去修改 CSS,用了不计其数的 CSS Hacks 之后,Firefox 和 IE 下终于都没问题了。开 Safari 看看吧,FT,又是另一幅鬼模样了。还要再改,然后还有 Opera, Konqueror 等等在后面等着。做好一个页面,单单 CSS 一项任务就可以把人累趴下了,更别说跨浏览器的 Javascript 了,这个更是麻烦。

Alexking 最近在博客上发表了一篇文章,写了他在处理跨浏览器问题时的侧重点,他首要考虑兼容的浏览器为 Firefox 2,IE 6/7, Safari 2,然后再考虑其它的。我相信这个顺序是综合考虑了开发和使用率因素得出的。上图是我这个站点某天的统计,IE 仍然占有统治地位,Firefox 紧随其后,中国的苹果用户比较少,所以 Safari 仅仅比 Konqueror 多了一点点。

对于开发人员来说,Firefox 拥有无可比拟的优势。首先 Firefox 基本上是标准兼容的,只要你写出的 CSS 是符合 W3C 标准的,一般情况下在 Firefox 2/1.5 中都会得到正确的结果。这样对于其它标准兼容的浏览器(Opera,Safari,Konqueror 等)调试难度就小多了,基本不需要做太大的改动(当然,一旦真改动起来也是异常的麻烦)。此外 Firefox 有很多辅助 Web 开发的优秀扩展,可以让开发者事半功倍,这里特别推荐 FireBug。

Firefox 搞定之后,下一个就是 IE。对于 IE,你还要分版本来处置它。IE 5 与 IE 5.5/6 与 IE 7 之间的差别非常的大。有时候你真无法想象微软的工程师在想些什么,自家的浏览器还有这种问题。这里 IE 7 对标准的支持相对比较好,基本上不需要对 CSS 做大改动,但是麻烦的是它也开始支持 !important,所以 IE6 中常用的 CSS Hack 基本上都失效了(有一些新方法,Google 一下吧)。最近我在做的一个站点,在 IE7 Firefox 和 Opera 下都好好的,就是 IE6 不行。而且由于我的电脑上已经装上了 IE7,开 IE6 还是个大麻烦。

至于 Safari,我一直没有机会拥有一台苹果,而且由于平时学习工作还要依赖于 PC,下一台电脑也不太可能是苹果了。好在中文用户中 Apple 不是很多,在中文网站开发方面,可以暂时不考虑它。

所以我认为,对于面向中文的网站,要按照以下顺序考虑浏览器兼容:

Firefox / Internet Explore 6 / Internet Explore 7 /// Safari / Opera /// Konqueror

如果进行 Javascript 开发的话,还要细化到版本号 :)

一个关于布局的小技巧:在网页布局时,用 Div+CSS 的结构将网页分成大块儿,在比较复杂的小块儿中使用 Table 布局,可以得到比较好的兼容性,而且浏览速度也不会受到太大影响。

最后广告一下:)

收藏和分享本文 17fav 收藏本文

发表您的观点或推荐本文 Loading...

12 Responses

  1. Feb 28, 4pm / LINK / REPLY
    Gravatar

    你说的这个问题我也曾经遇到过,我在修改博客模板的时候用的是火狐浏览器,显示的很正常,可是放在IE中之后就完全乱了,什么时候各个浏览器之间能够协调就好了 :smile:

  2. Feb 28, 5pm / LINK / REPLY
    Gravatar

    老大,强推Multiple IE,包含IE3 - IE6,都可以单独运行,或者装一个stand alone的IE6也行。

    Safari可以用Swift代替,引擎相同的。

    tredosoft.com/Multiple_IE
    getswift.org

  3. Feb 28, 6pm / LINK / REPLY
    Gravatar

    老大,能不能整理一下ff常用的插件啊,系统点的,好让我们这种懒人去下载,不然用ff有时真的不方便。
    还有就是问问大家用网络收藏夹都是用的那个del什么什么的吗?可是这个网址本身就不好记,我去了网吧还是会想不起来啊,就是google好用,可惜gmail里一直没有做收藏夹的功能,真的不知道google想什么呢,看到的哥们们不能不能给google反映反映啊。

  4. Feb 28, 8pm / LINK / REPLY
    Gravatar

    google 也有 bookmark 啊,不太好用。

    del.icio.us 就是 delicious 这个单词啊,并不是很难记忆的。

  5. qwe
    Mar 27, 5pm / LINK / REPLY
    Gravatar

    推荐楼主用一下火星浏览器,速度超快,占内存小,功能强大

  6. qwe
    Mar 27, 5pm / LINK / REPLY
    Gravatar

    http://www.gogosoft.net/cn/ gexplorer/index.htm

  7. 呵呵
    May 28, 6pm / LINK / REPLY
    Gravatar

    你做网页是给浏览器做还是给浏览者看?IE6的市场份额占据了70%以上。主流用户用什么你就考虑什么

  8. Jun 29, 8am / LINK / REPLY
    Gravatar

    weight loss program

  9. Jul 6, 12pm / LINK / REPLY
    Gravatar

    xenical side effect

  10. Jan 19, 10am

Now, It's your Turn!

BACK TO Article / Comments