如何查看最终计算的 CSS,包括高对比度设置等覆盖?

如何查看最终计算的 CSS,包括高对比度设置等覆盖?

有这样的工具吗?例如,我想查看 BODY 标签应用的所有样式。我知道它无法使其可读。就我而言,有几个选项可以通过浏览器或源代码 (JSP) 动态更改 CSS,或者由于高对比度模式等系统设置,我想要用于呈现所显示页面的最终样式。请提出建议

编辑:如果我得到一个支持 IE6 的工具,那就太好了。因为我的页面在那里被查看的次数会比任何其他浏览器都要多。

感谢并问候 Prasanna Ram

答案1

操作系统提供的高对比度设置具有没有什么与 CSS 有关。(或者与浏览器有关;浏览器完全不知道这些设置,并且不会更改任何 CSS 以适应系统范围的高对比度设置。)我认为您找不到任何可以“调整”CSS 以适应高对比度设置的工具。

(也许有在线工具,比如维斯切克可以向你展示色盲者眼中的东西。但如果有类似的工具存在,我实际上不确定这对色盲开发者有什么帮助。不是需要高对比度设置,以确定其他人是否可以查看该网站...因此,此类在线工具需要为视力正常的人“转换”高对比度,以获得一些想象一下视障人士会经历什么。)

答案2

您是否尝试过使用萤火虫

Firebug 与 Firefox 集成,让您在浏览时随时可以使用丰富的 Web 开发工具。您可以在任何网页中实时编辑、调试和监控 CSS、HTML 和 JavaScript。

答案3

尝试使用 Chrome - 您可以选择页面的任何部分,右键单击并“检查元素”。

这将显示整个页面代码的树,然后您可以看到应用于树中任何元素的 CSS

答案4

使用虚拟电脑[*](Windows 7 中又称为“Windows XP 模式”)(或另一种虚拟机解决方案)是在各种浏览器和设置中测试网页的好方法。这个想法是,由于您无法在一台 PC 上同时安装 IE6/7/8,因此您可以将它们安装在不同的虚拟机上进行测试。

微软提供 VPC 镜像在 XP 或 Vista 上预配置了 IE6/7/8。它们的下载量很大(大约 700MB),但提供了完整的 VPC 映像,预配置了一个特定版本的 IE,用于应用程序和网站兼容性测试。它们有时间限制,在首次使用后 120 天(对于 Vista 映像)或 2010 年 4 月 1 日(对于 XP 映像(假设这不仅仅是愚人节的玩笑))到期。

您的一个优势是:配置一个 VPC 在高对比度模式下运行,并与另一个在非高对比度模式下运行的 VPC(使用相同版本的 IE)并行运行。

[*] 不认可 Virtual PC 产品。您可以使用VMware, 或者虚拟盒或您选择的虚拟机产品。

相关内容