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

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

#1 楼


http://browsershots.org/(在线服务)。
http://www.browsera.com/(在线服务,不是免费的)。
http://crossbrowsertesting.com /(在线服务,不是免费的)。
http://www.multibrowserviewer.com/(虚拟化的网络浏览器,不是免费的)。
http://www.browserseal.com/(虚拟化的Web浏览器,不是免费的。)
多浏览器vmWare设备:http://www.vmware.com/appliances/directory/335/


评论


我喜欢括号内的评论,很好的回答。

–拉里·史密斯米尔(Larry Smithmier)
2010年7月8日在19:57

#2 楼

我可以想到的是BrowsersShot和BrowserLabs。我认为我还使用了其他名称,但现在不记得这个名称了。

评论


只需确保使用BrowserShots取消选择所有内容,然后选择所需的几个即可(例如IE6)。谁在使用“ Dillo”?

–心怀不满的山羊
2010年7月12日在15:01

#3 楼

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

我经常使用Alkaline。很好。

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

评论


是的,他们是我们的朋友-他们还运行doctype.com,该文件位于页脚中(尽管很快就会受到打击)

–杰夫·阿特伍德
2010年7月11日,下午3:34

#4 楼

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

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

#5 楼

我强烈建议您在IETester中测试IE。它轻巧,快速,准确,并支持5.5以上版本的所有IE。

评论


IETester为您的网站在IE浏览器中的外观提供了很好的参考。但是,确实发生过IE6渲染与真实IE6渲染引擎不同的情况。

– Rickjaah
2010年7月9日在10:52



#6 楼

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

#7 楼

MS还具有(作为Expression工具包的一部分)名为SuperPreview的产品,该产品使您可以在所有版本的IE和最新版本的Firefox中并排工作或覆盖网站的交互式版本。 />
还包括对Web服务的访问,该服务向您显示您的网站在Mac上的Safari中的外观-这将生成输出图像,但还使用元数据文件,使您可以查看哪些部分标记生成了图像的哪些部分,因此它仍然非常强大。

#8 楼

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

然后,您可以在实际的OS中测试实际的浏览器,而不必依赖于外部资源来为您完成肮脏的工作,您可以在其中使用本机调试工具修复/诊断任何错误。

评论


为什么选择苹果?您也可以在Linux或Windows上使用virtualbox.org ...

–mbrochh
2010年7月9日在7:51



为什么选择苹果?因为您不能在不违反服务条款的情况下在Linux或Windows上安装OSX。

–丹·盖尔(Dan Gayle)
2010年7月9日在20:03

这对我来说似乎有点愚蠢,您说的是在Apple上进行开发的核心原因之一是,您不允许在其他计算机上使用OSX。

–删除
2010年7月10日在2:45

如果我可以合法地运行Hackintosh,那么我可能会排除硬件问题。但是,这只是一个考虑因素。

–丹·盖尔(Dan Gayle)
2010年7月14日在20:56

#9 楼

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

#10 楼

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

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

#11 楼

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

评论


我认为可以在此处重复该主题,因为网站管理员特别感兴趣。

–杰夫·阿特伍德
2010年7月11日,下午3:35

@Jeff:这就是为什么我使用答案,而不是将其标记为重复

– Casebash
2010年7月12日下午4:13

#12 楼

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

#13 楼

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