October 24th, 2007

CSS 的浏览器兼容性测试顺序

Category: CSS, Author: Nicky, Popularity: 24%

一种是写 CSS 的时候同时使用多个浏览器测试,然后再进行下一步。另外一种方法就是,先使用一种浏览器调试,写完后再用其他浏览器检查兼容性并修复。第一种方法乍看比较费时,但是把整个时间算起来它们也相差不多,而且在整个网站完后再检查兼容性的话,你会发现那是一件痛苦的事,有时往往会全部推倒重来。

所以我使用第一种方法,做模板时主要使用 Windows 操作系统,因为有 PS。

一般我会在 Windows 上安装 IE6、Firefox、Opera,最近加上了 Safari,一边写 CSS 一边用 IE6 和 Firefox 调试(它们之间的差别最大),完成了一个阶段后,再打开 Opera 和 Safari 调试一下,一般问题不大,最后再登录到 Ubuntu 用 Firefox 和 Konqueror 测试在宋体和黑体下的显示效果。这样才能算基本完成。

Tags:.
评论数量(9) | Add Comments
本文网址:http://www.osxcn.com/css/css-browser-compatibility-testing.html



9 Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon schur Says:

    我也是,什么时候没有兼容的问题就不用这么折腾了。

  2. Gravatar Icon FlashSoft Says:

    IE7 IE 6差别也不小

  3. Gravatar Icon istef Says:

    我是 Firefox->IE7->IE6->Opera 然后显得没事才会 Safari, Konqueror。
    其实我发现 CSS 尽量按照 W3C 的定义来写,基本上除 IE7/IE6 外就都正常了,然后再用条件注释语句载入一个为 IE7/IE6 修正用的 CSS,兼容性就很好了。那些 CSS Hacks 实在太累心。

  4. Gravatar Icon mg12 Says:

    呵呵, 我可能没各位细心.
    一般顺序如下:
    1. 在 Firefox 弄, 并尽量不使用 padding, 使用 .clear{clear:none; clear:both !important;}
    2. 完全弄好再到 IE6 测试.
    3. IE7 和 KHTML, Opera 一般不测试, IE7 有点无能为力, KHTML 和 Opera 一般不会有问题, 就算有也是很小的问题.

  5. Gravatar Icon xuhel Says:

    呵呵,istef 和我差不多,只不过我是先满足FF然后再是IE,最后是Opera、Safari。
    PS: 文章我放进论坛里了哈。

  6. Gravatar Icon yoyo Says:

    我和你一样,也用第一种方法。

  7. Gravatar Icon underone Says:

    我这种比较笨的
    能保证FF和IE6基本一样就很不易了。。。。。。。。。。

  8. Gravatar Icon fen Says:

    我不想浪费大量的时间在这上面,虽然我每次它都占了我大量的时间……

  9. Gravatar Icon 木蚂蚁 Says:

    这个东东没有研究过,不过我做的变形问题老出现,不研究不行了

1 Trackbacks/Pingbacks

leave a reply