CSS的自动测试？答案

【问题标题】：automatic testing for CSS?CSS的自动测试？
【发布时间】：2011-12-17 04:39:09
【问题描述】：

有没有什么工具可以让你在不同的浏览器下自动测试页面并确保 CSS 看起来不错？

附：我知道这听起来不可能，但也许有一些解决方案（比如截屏并比较它们）

【问题讨论】：

问题在于“在所有浏览器中看起来都不错”是主观的。即使 CSS 100% 完美，你也永远无法在所有浏览器中获得像素完美，因为它们都有不同的字体和图形渲染例程。您当然可以比较它们，但是您如何自动进行比较呢？您如何告诉自动化程序哪些细微差别可以接受，哪些不可以接受？获得视觉接受度的唯一真正方法是手动查看网站。
@Spudley 例如，您可以提取矩形（如 SO 的“”按钮）并检查大小是否相似（大小差异不应超过 20 像素），如果第一个字母没有接触墙壁（是距离墙至少 5px）等。我认为这是可能的，但不容易做到；）看起来不错 = 看起来不错

【解决方案1】：

https://browserlab.adobe.com/ - 需要 adobe id，但它是免费的。

和

两者都只截取屏幕截图，但延迟非常小。

也适用于 http://www.my-debugbar.com/wiki/IETester/HomePage - 它仍处于 alpha 状态，因此只能在一定程度上受到信任。

不过，就我个人而言，我几乎所有浏览器都包含在我的组合中，因此我可以在实际浏览器中进行测试。再加上所有主要的都有网络开发工具，所以..如果你可以下载所有的浏览器，那是一个不错的选择。

我真的只是测试所有功能。例如，如果某些浏览器中的文本略有不同，那么就这样吧，只要它没有被剪切或任何东西。

【讨论】：

【解决方案2】：

试过 BrowserStack？ http://www.browserstack.com/

我偶尔使用的其他网站会返回一组图像，但我不记得它是什么，而且它并不总是准确的。

【讨论】：

【解决方案3】：

您可以使用http://browsershots.org/ 在所有类型的设备和浏览器上创建屏幕截图。这可能是您正在寻找的。p>

【讨论】：