我是 CSS 新手。有没有一种工具可以帮助调试应用于网页的 CSS 样式。
当页面上的某些元素未按预期显示时,通常如何调试 CSS 并解决问题?现在,我不得不痛苦地逐一注释掉 CSS 声明,以了解样式是如何显示的。
最佳答案
通过浏览器:
Firefox 有一个名为 Firebug 的插件模块。它易于安装且功能非常强大。如果与 Firefox 的“Web Developer”结合使用,效果会更好。
Internet Explorer 有一个开发人员工具栏,虽然不如 Firebug,但足以检查在 IE 中是否仍然有效。此外,还有一个称为 IE DOM 检查器的工具。还有一个用于 IE 的 Firebug 版本,称为 Firebug Lite。
Google Chrome 带有类似于 Firebug 的内置工具。请参阅地址栏右侧下拉菜单中的“工具->开发人员”选项。这允许您查看每个元素使用的 css 规则。它还具有 Javascript 调试支持。
Safari 使用名为 Web Inspector 的工具。
Opera 有一个名为 Dragonfly 的内置实用程序。
关于css - 是否可以调试 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/862073/