it-swarm.cn

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

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

如果没有安装所有不同的浏览器版本,是否有任何工具或服务可以提供预览?

46
Chris W. Rea
38
vmarquez

BrowsersShots 和 BrowserLabs 是我能想到的最重要的事情。我想还有其他一些我用过的东西,但我现在不记得这个名字了。

编辑:可悲的是 Adobe关闭他们的BrowserLab 项目在2013年3月13日。

32
Rebecca Chernoff

LitmusApp 是该领域的新玩家。他们目前的主要增值是电子邮件客户端测试(33个客户端,包括移动设备),但他们也在“云端”浏览器测试多达24个浏览器。实际上,浏览器测试是他们的第一个产品,它仍然可以通过 碱性 工具独立使用。

我经常使用碱性。这很好。

关于它的最好的事情是:你不必拥有或安装任何你想要测试的浏览器。他们负责所有这些工作,并为您提供单独在真实系统上运行的浏览器的屏幕截图。我自己是一个可怕的系统管理员,这是理想的。

10
Andres Jaan Tack

这很好: http://browsershots.org/

了解它在各种浏览器和分辨率上的外观。虽然需要上网。

6
Damien

我强烈建议测试IE在 IETester这里可用 。它轻巧,快速,准确,支持5.5-up的所有IE浏览器。

6
Nat Ryall

让本地浏览器为您提供更大的灵活性。如果您有一个交互式网站,您需要单击几个按钮进行测试,您无法通过图像验证这一点。

5
Aaron

MS还有(作为Expression工具包的一部分)一个名为SuperPreview的产品,它允许您在所有版本的IE和最新版本中并排工作或覆盖您网站的交互式版本Firefox的版本。

它还包括访问Web服务,该服务向您显示您的网站在Mac上的Safari中的样子 - 这将生成输出的图像,但也使用元数据文件,允许您查看标记的哪些部分生成哪些部分图像,所以它仍然非常强大。

5
Zhaph - Ben Duguid

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

然后,您可以测试实际操作系统中的实际浏览器,而不是依靠外部源来为您执行脏工作,您可以使用本机调试工具来修复/诊断任何错误。

4
Dan Gayle

您可能想要查看StackOverflow上的线程: 在移动浏览器上测试网站

4
Casebash

http://www.browsercam.com/ (在线,不是免费的)是另一个。

4
Larry Smithmier

使用一般设计的预览是好的,但也不要忘记测试您的网站的行为。如果您使用大量的悬停,ajax或Java脚本效果(在图片上看不到),这将非常有用。

我使用VmWare与不同的虚拟机分开安装最重要的浏览器。

如果你正在使用Windows 7旗舰版,我可以推荐你 一个使用Virtual PC和Xp Mode的教程,这是一个在一个主机上运行不同IE版本的解决方案

4
Sven

MogoTest 是一个非常新近的TechStars创业公司,做得很好。它提供来自不同浏览器和操作系统的屏幕截图,并验证您的HTML和CSS。

3
Jay Neely

我已经习惯了 http://www.browserstack.com/ 几次,它真的很好 - 很惊讶没有人提到它。

1
James Smith