有没有办法在Firefox或Chrome中禁用CSS3支持？

Question

与在浏览器中禁用JavaScript类似，有没有办法在Firefox或Chrome中禁用对各种CSS3属性的支持，以便在不支持某些属性的情况下快速确认页面呈现正常？我知道它只是一个表示层，但我只是希望有一种更有效的方法来测试它而不使用旧的浏览器，特别是如果使用Modernizr。

Answer 1

一个名为deCSS3的项目设法通过使用一个书签来禁用大多数CSS3属性，该书签使用!important规则覆盖并中和它们的使用。

项目的recent addition为“Modernizr class切换”，以便在使用Modernizr时增加测试级别。

Answer 2

即使有办法这样做，它会有帮助吗？每个浏览器都有自己的怪癖，因此无法保证例如：

Firefox - CSS3 = Older Browser

Answer 3

CSS3不是CSS2的一组补充，它取代了CSS2。 CSS3中的背景和边框模块包括border和background以及border-radius和box-shadow。如果你'关闭'CSS3你关闭所有的CSS，即使你可以禁用新的东西汤姆的答案是正确的 - 这不会让你测试现实世界中实际存在的任何东西。

Answer 4

如果您需要一种“关闭CSS3”的方法，那么我认为您没有考虑/正确实施渐进增强/优雅降级。您应该从非CSS3开始，然后使用它增强您的网站。当你构建非CSS3基础并在目标浏览器中测试它时，添加CSS3不应该改变任何东西（浏览器忽略它们无法识别的样式）。如果您在自己的样式表中对CSS3进行沙盒处理，那么您可以告诉IE的旧版本完全忽略它（或者，如果您使用的是IE9中仅部分支持的东西，可以告诉IE的所有版本都忽略它）来保存下载。

也就是说，CSS由核心渲染引擎处理，因此为了查看没有CSS3的页面，您必须在不支持CSS3的浏览器中查看它。它很糟糕，这意味着您必须拥有多个浏览器，甚至虚拟机（或物理机器）才能进行非常好的测试，但不幸的是，这就是Web开发的状态。理论上，无论如何，你应该在几个浏览器中进行测试，并且已经知道IE6-8有自己的怪癖甚至与CSS3无关，并且应该已经设置好来测试它们（所以，因此，如果你需要测试其他浏览器的旧版本，您可以在IE测试环境中安装它们。）

Answer 5

有一个名为“用户代理切换器”的有用的Firefox附加组件，它允许您将浏览器渲染到较旧版本的IE（iPhone渲染也非常有用）。这应该可以帮助你仔细检查。