如何使用不同的浏览器测试我的网页？

Question

我刚刚发现了Yahoo UI 重置CSS工具/文件,我在我的网站上使用它.在我的机器上,我有Internet Explorer 7和Firefox 3.01,我的网页在这两个浏览器上看起来是一样的.一位朋友正在使用Internet Explorer 6,页面完全一团糟.我有两个问题:

1. 写作CSS时我是穷人/傻瓜吗？
2. 如何在我的机器上使用不同的浏览器测试我的网页？

Answer 1

仅仅因为你的网站在Internet Explorer 6 中看起来很糟糕并不意味着你在CSS上很糟糕.关于CSS ,Internet Explorer的渲染引擎中有几个记录的错误.网页设计师和开发人员多年来一直在努力解决这些问题.Digg和YouTube等几个知名网站不再支持IE6.

您可以通过多种方式在多个浏览器中测试您的网站.最简单的方法是在本地计算机上安装要测试的所有浏览器.有5种主流浏览器,它们都需要不同的方法来安装多个版本.

Microsoft Internet Explorer

如果您使用的是Windows XP,则可以使用多个IE来安装Internet Explorer版本3,4.01,5,5.5和6.

如果您使用的是Windows Vista或Windows 7(或Windows XP),则可以从Microsoft下载包含带有Internet Explorer的完全许可Windows操作系统的虚拟机映像.这些虚拟机映像每90到120天过期一次.他们提供以下图像:

• 带有IE6的Windows XP SP3
• 带有IE7的Windows XP SP3
• 带有IE8的Windows XP SP3
• Windows Vista与IE7
• Windows Vista与IE8

这些图像都可以与免费的Virtual PC 2007一起使用.

火狐浏览器

您可以在同一操作系统上安装多个版本的Firefox,但强烈建议您为要安装的每个版本创建新的配置文件.您可以使用Rob Cherny博客上列出的步骤进行设置(文章指的是Firefox 2,但它也适用于Firefox 3和3.5).或者,您可以使用MultiFirefox.

谷歌浏览器

确实没有一种简单的方法可以在同一台机器上运行多个版本的Google Chrome.Chrome安装是特定于用户帐户的,并且已提供独立版Chrome(请参阅问题3785991),因此您可以为要测试的每个旧版Chrome创建一个新的Windows/Mac用户帐户.

但是,自动和静默应用更新的事实意味着您真的不必担心为旧版Chrome设计您的网站.如果这是不可接受的,您将需要使用多个用户帐户或先前为Internet Explorer建议的虚拟映像.

Apple Safari

Safari与Google Chrome类似,因为没有一种简单的方法可以在同一台机器上运行多个版本.Michel Fortin有一篇文章详细介绍了如何在Mac OS X上运行多个版本.您可以参考此Stack Overflow问题以获取Windows上的下拉列表.再次,虚拟图像似乎是唯一的出路.

歌剧

您可以毫无问题地安装旧版本的Opera,只要它们安装在不同的目录中即可.

Answer 2

如果你不讲究在测试你的机器,你可以尝试http://browsershots.org.它是免费的,并提供您的网站在Linux/Windows/Mac OS/BSD上的各种浏览器的屏幕截图.