logo标签列表

CSS能否进行调试？

cssdebugging
6

我是一个 CSS 新手。是否有一种工具可以帮助调试应用于网页的 CSS 样式。

通常如何调试 CSS 并解决页面上某些元素未按预期出现的问题？目前，我不得不痛苦地逐个注释 CSS 声明，以了解样式的显示方式。

9个回答
15

您在Firefox浏览器中使用Firebug，这使得调试变得更加容易。

15

通过浏览器:

  • 火狐有一个叫做Firebug的插件模块，很容易安装和非常强大。当与Firefox的“Web Developer”结合使用时，它甚至更好。

  • Internet Explorer有一个名为Developer Toolbar的工具栏，虽然不如Firebug好用，但足以检查IE中的问题。此外，还有一个称为IE DOM inspector的工具。IE也有Firebug Lite的版本。

  • Google Chrome内置了类似Firebug的工具。在地址栏右侧的下拉菜单中看到“工具->开发人员”选项。这允许您查看每个元素使用的css规则。它还具有Javascript调试支持。

  • Safari使用一个称为Web Inspector的工具。

  • Opera内置了一个名为Dragonfly的实用程序。

5
3

你可以使用Firefox的Firebug插件。它对CSS非常有用。 你可以动态地开启和关闭样式以及从样式中选择字段。这太棒了。

3
如果您没有使用Firefox，现在可以获取Firebug Lite，您可以在IE等浏览器中使用它。
2
Web开发工具，如Safari的Web检查器或Firefox的Firebug，可以帮助您调试CSS。这些工具可以显示应用于特定元素的规则级联，并允许您更改或禁用特定属性。
0
0

首先使用Firefox开发和测试您的CSS，然后切换到其他浏览器来测试您的代码。在我看来，这是一种普遍接受的方法。 Firebug非常好用，但如果您将其与FF的Web Developer插件结合使用，效果会更好。

有一个很棒的网站值得一看，其中包含大量关于CSS和HTML开发的信息。

0

当你需要调试IE特定问题时，我听说人们说IE DOM检查器还不错。你也可以尝试这篇文章中描述的工具。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接