十月 24th, 2007

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

Category: CSS, Author: Nicky, Popularity: 23%
一种是写 CSS 的时候同时使用多个浏览器测试，然后再进行下一步。另外一种方法就是，先使用一种浏览器调试，写完后再用其他浏览器检查兼容性并修复。第一种方法乍看比较费时，但是把整个时间算起来它们也相差不多，而且在整个网站完后再检查兼容性的话，你会发现那是一件痛苦的事，有时往往会全部推倒重来。 所以我使用第一种方法，做模板时主要使用 Windows 操作系统，因为有 PS。 一般我会在 Windows 上安装 IE6、Firefox、Opera，最近加上了 Safari，一边写 CSS 一边用 IE6 和 Firefox 调试（它们之间的差别最大），完成了一个阶段后，再打开 Opera 和 Safari 调试一下，一般问题不大，最后再登录到 Ubuntu 用 Firefox 和 Konqueror 测试在宋体和黑体下的显示效果。这样才能算基本完成。

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



10 Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon schur Says: 2007-10-24 5:45 下午
    我也是，什么时候没有兼容的问题就不用这么折腾了。
  2. Gravatar Icon FlashSoft Says: 2007-10-24 5:57 下午
    IE7 IE 6差别也不小
  3. Gravatar Icon istef Says: 2007-10-24 9:13 下午
    我是 Firefox->IE7->IE6->Opera 然后显得没事才会 Safari, Konqueror。 其实我发现 CSS 尽量按照 W3C 的定义来写，基本上除 IE7/IE6 外就都正常了，然后再用条件注释语句载入一个为 IE7/IE6 修正用的 CSS，兼容性就很好了。那些 CSS Hacks 实在太累心。
  4. Gravatar Icon mg12 Says: 2007-10-25 8:49 上午
    呵呵, 我可能没各位细心. 一般顺序如下: 1. 在 Ｆirefox 弄, 并尽量不使用 padding, 使用 .clear{clear:none; clear:both !important;} 2. 完全弄好再到 IE6 测试. 3. IE7 和 KHTML, Opera 一般不测试, IE7 有点无能为力, KHTML 和 Opera 一般不会有问题, 就算有也是很小的问题.
  5. Gravatar Icon xuhel Says: 2007-10-25 9:33 上午
    呵呵，istef 和我差不多，只不过我是先满足FF然后再是IE，最后是Opera、Safari。 PS: 文章我放进论坛里了哈。
  6. Gravatar Icon yoyo Says: 2007-10-25 10:07 上午
    我和你一样，也用第一种方法。
  7. Gravatar Icon underone Says: 2007-10-25 11:56 上午
    我这种比较笨的 能保证FF和IE6基本一样就很不易了。。。。。。。。。。
  8. Gravatar Icon fen Says: 2007-11-09 5:31 下午
    我不想浪费大量的时间在这上面，虽然我每次它都占了我大量的时间……
  9. Gravatar Icon 木蚂蚁 Says: 2008-09-09 11:51 下午
    这个东东没有研究过，不过我做的变形问题老出现，不研究不行了
  10. Gravatar Icon yangmei Says: 2008-12-05 3:42 下午
    最近快被搞死了 ＦＦ跟ＩＥ６差别不是一般的大

1 Trackbacks/Pingbacks

leave a reply