代码之家 › 专栏 › 技术社区 › eulerfx

在不同浏览器上检查网页外观的方法

compatibility browser css html

eulerfx · 技术社区 · 16 年前

在发布网页之前,我想先看看网页在不同浏览器上的外观。我的机器上有几个,但是我不能检查不同版本的IE和其他浏览器,也不能检查其他的OSS。我知道 http://browsershots.org/ 但这有时需要约30分钟,因此故障排除可能有问题。

9 回复 | 直到 10 年前

AlexCuse 16 年前

可能是因为你的网络爆炸问题 MultipleIE's 会有用吗?

对于操作系统问题,虚拟机是您的朋友:)

steve_c 16 年前

为了测试不同版本的IE,我使用 IETester .

浏览也很好,但正如你所说,它很慢。

Community CDub 7 年前

我建议使用某种类型的虚拟机。讨论 here 可能对你有帮助。

Rob Kam Bayard Randel 15 年前

BrowserPool 可以通过VNC客户端在不同的Mac、Windows和Linux系统上测试不同的浏览器。

Mark Brittingham 16 年前

虚拟机是解决这个问题的经典解决方案。但是,如果30分钟的浏览器测试时间对您来说太长,我不确定是否有任何帮助!

只是澄清一下:浏览器快照可以让你测试很多不同的浏览器和浏览器版本。我认为在30分钟内测试它们是很合理的。但是,如果您有一个测试不好的目标浏览器,那么您显然需要一个本地安装的版本(因此虚拟机的角色)来进行测试/更改/重新测试周期。这就是我在评论30分钟后所做的!

Rob Williams 16 年前

考虑一下Selenium产品,它可以通过各种浏览器运行一个自动化的测试套件,并在本地(或使用虚拟机)执行所有操作。

allesklar 16 年前

@欧拉,你没有告诉我们你在做什么操作系统。像其他海报一样,我通过混合使用虚拟机(VM)和IESTER来实现你想要的。

因为我是在Mac上开发的(我在Windows上工作了20年,很高兴能在Windows上工作),所以我在我的OS X机器上测试了firefox 3和safari 3中的站点,在windows xp vm上测试了firefox 2、ie6、7和8,使用ietester plus,使用我想要的其他浏览器,如opera和chrome。我还有第二个虚拟机在运行Ubuntu,在这些罕见的情况下,我的网站也需要这种兼容性。

我的工作流程是首先为FF3建立站点。一旦我对任务和外观感到满意,我就会按照上面给出的顺序检查所有浏览器。例如,如果您在IE6中有一个特定的问题,那么您可以使用 conditional comments .

我使用Parallels在OS X上创建VM。有一个版本的Parallels在Windows上运行,但许多其他供应商也有类似的产品。

neoneye 13 年前

如果速度有问题,我可以推荐 Litmus . 它生成截图的速度非常快,但成本相当高。

Peter M 10 年前

我建议你:

脱机自由方法: 可下载的IE版本(几个VM版本): modern.ie

在Windows 8.1 Pro中,您可以使用Hyper-V(它包含在系统中),如果在搜索后看不到它,可能需要启用功能

我不推荐IE测试仪,结果不好。