4

与在浏览器中禁用 JavaScript 类似,有没有办法在 Firefox 或 Chrome 中禁用对各种 CSS3 属性的支持,以在不支持某些属性的情况下快速确认页面呈现正常?我知道它只是一个表示层,但我只是希望有一种更有效的方法可以在不使用旧浏览器的情况下对此进行测试,尤其是在使用 Modernizr 的情况下。

4

5 回答 5

4

一个名为deCSS3的项目通过使用一个小书签来禁用大部分 CSS3 属性,该小书签通过!important规则覆盖和中和它们的使用。

该项目最近增加了“ Modernizr 类切换”,以便在使用 Modernizr 时增加测试级别。

于 2011-08-30T22:26:34.197 回答
3

即使有办法做到这一点,它会有帮助吗?每个浏览器都有自己的怪癖,因此不能保证例如:

Firefox - CSS3 = Older Browser
于 2011-05-27T02:03:47.670 回答
1

CSS3 不是 CSS2 的一组补充,它取代了 CSS2。CSS3 中的背景和边框模块包括borderbackground以及border-radiusbox-shadow。如果您“关闭”CSS3,您将关闭所有 CSS,即使您可以禁用新的东西 Tom 的回答是正确的 - 这不会让您测试任何实际存在于现实世界中的东西。

于 2011-05-27T08:18:46.780 回答
1

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

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

于 2011-05-27T16:59:35.950 回答
-4

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

于 2011-05-27T02:09:12.023 回答