验证CSS是否与所有浏览器兼容

Question

有什么方法可以找出我使用的CSS是否适用于大多数浏览器？ 我得到了一些参考http://www.gabrielweinberg.com/blog/2009/06/a-harsh-css-environment-for-testing-widgets.html

Answer 1

如果您愿意，您可以在大多数浏览器中进行测试。像http://browsershots.org或Expression Web SuperPreview这样的东西可以提供很大的帮助。

Answer 2

显然，最佳方式可以确定您的代码是否适用于所有浏览器，实际上在所有浏览器中运行。但我承认它并不总是那么简单！ （特别是试图弄清楚当你遇到问题时到底发生了什么）

我的CSS兼容性圣经是Quirksmode.org compatibility tables。

该网站的作者编写了一套非常全面的表格，显示了CSS的几乎所有功能及其浏览器兼容性，包括有关错误和其他奇怪怪癖的说明。

我根本无法推荐它。

Answer 3

在推荐的处理顺序中指向优秀工具或研究数据的一些指示。

清理它

当你在那里时，你也可以从一个干净的石板开始：

• CSS Tidy
• CSS Tidy Online
• Clean CSS
• CSS Formatter and Beautifier

验证

在现实世界中并不总是可以使用血腥黑客，但仍然如此。良好的基线，以避免搞砸。

• W3C CSS Validator Service

单位测试

并非所有这些都是完全单元测试工具，但是这个想法过于检查，计算出的样式实际上是您所期望的，并且元素是您在样式之后所期望的。

• HtmlUnit
• Selenium / WebDriver

用户测试

使用全用户或半用户自动检查程序（运行，检查）：

• BrowserShots
• Litmus
• BrowserLab

压缩它

一旦清理好了，你可能想要压缩它（并用压缩版重做上面的步骤）：

• CSS Compressor
• YUI Compressor
• CSS Optimizer

研究它（并重新做）

研究类似的问题和工具（直到日期结束，并添加到此列表中）。

• CSS Unit Testing

Answer 4

我对adobe浏览器实验室https://browserlab.adobe.com/en-us/index.html非常满意，但浏览器总是我的首选

Answer 5

您也可以查看此列表http://www.quirksmode.org/css/contents.html。希望这有帮助