如何在各种浏览器中查看网站的外观？

如何在各种浏览器中查看网站的外观？

除了实际上没有安装所有不同的浏览器版本以外，是否可以提供预览的工具或服务？

• http://browsershots.org/（在线服务）。

• http://www.browsera.com/（在线服务，不是免费的）。

• http://crossbrowsertesting.com/（在线服务，不是免费的）。

• http://www.multibrowserviewer.com/（虚拟网络浏览器，不是免费的）。

• http://www.browserseal.com/（虚拟网络浏览器，不是免费的）。

• 多浏览器vmWare设备： http://www.vmware.com/appliances/directory/335/

我可以想到的是BrowsersShots和BrowserLabs。我想我还用了其他东西，但现在不记得这个名字了。

编辑：很遗憾，Adobe于2013年3月13日关闭了其BrowserLab项目。

LitmusApp是该领域的新成员。他们当前的主要增值是电子邮件客户端测试（33个客户端，包括移动客户端），但他们也对多达24个浏览器进行“云中”浏览器测试。实际上，浏览器测试是他们的第一个产品，并且仍然可以通过Alkaline工具独立使用。

我经常使用碱性。很好

最好的事情是：您不必拥有或安装任何要测试的浏览器。他们会处理所有这些，并为您提供在真实系统上独立运行的浏览器的屏幕快照。我自己是一个糟糕的系统管理员，这是理想的选择。

这非常好：http：//browsershots.org/

查看它在各种浏览器和分辨率下的外观。需要在网络上。

我会强烈建议在测试IE IETester，这里提供。它轻巧，快速，准确，并支持5.5以上版本的所有IE。

将浏览器置于本地可为您提供更大的灵活性。如果您有一个交互式网站，需要单击几个按钮进行测试，则无法使用图像进行验证。

MS还具有（作为Expression工具包的一部分）一个名为SuperPreview的产品，该产品使您可以在所有版本的IE和最新版本的Firefox中并排工作或覆盖网站的交互式版本。

它还包括对Web服务的访问，该服务向您显示您的网站在Mac上的Safari中的外观-这将生成输出图像，但还使用元数据文件，使您可以查看标记的哪些部分生成了哪些部分。图像，因此它仍然非常强大。

这是在Apple计算机上进行开发的主要原因之一。使用VMWare Fusion或其他仿真软件，它是唯一可以合法安装所有主要操作系统的计算机。

然后，您可以在实际的操作系统中测试实际的浏览器，而无需依靠外部资源来为您做一些肮脏的工作，在这里您可以使用本机调试工具来修复/诊断任何错误。

http://www.browsercam.com/（在线，不是免费的）是另一个。

在常规设计中使用预览效果很好，但是也请不要忘记测试网站的行为。如果您使用大量的悬停，ajax或java脚本效果，而这些效果在图片上看不到，则此功能特别有用。

我将VmWare与不同的虚拟机一起使用，这些虚拟机分别安装了最重要的浏览器。

如果您使用的是Windows 7 Ultimate，我可以为您提供有关Virtual PC和Xp Mode的教程，这是在一个主机上运行不同IE版本的解决方案。

您可能需要检查StackOverflow上名为：在移动浏览器上测试网站的线程。

MogoTest是TechStars最近的一家新兴公司，做得很好。它提供了来自不同浏览器和操作系统的屏幕截图，并且还验证了HTML和CSS。

我已经使用过http://www.browserstack.com/了几次，它确实运行良好-没人惊讶地提到它。