是否可以调试CSS？ [英] Is it possible to debug CSS?

问题描述

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

I am a CSS newbie. Is there a tool that can help debug CSS styles applied to a web page.

当页面上的某些元素未按原样显示时，通常如何调试CSS并解决问题？现在，我必须痛苦地逐一评论CSS声明，以了解样式是如何显示的。

How does one generally debug CSS and resolve issues when some elements on the page are not appearing as they should? For now, I have to painfully comment out CSS declarations one by one to understand how the styles are getting displayed.

推荐答案

由浏览器：

• Firefox 有一个名为Firebug的插件模块。它很容易安装和非常强大。

• Firefox there is a plug in module called Firebug. It is easy to install and very powerful. It is even better when combined with 'Web Developer' for Firefox.

Internet Explorer 有一个开发者工具栏，好作为Firebug，但足够好检查事情仍然工作在IE。此外，有一个工具称为IE DOM检查器。还有一个版本的Firebug for IE caled Firebug Lite。

Internet Explorer has a Developer Toolbar, which is not as good as Firebug but good enough to check things still work in IE. Additionally there is a tool called IE DOM inspector. There is also a version of Firebug for IE caled Firebug Lite.

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

Google Chrome comes with built in tools similar to Firebug. See the 'tools->developer' option in the pull down menu to the right of the address bar. This allows you to see the css rules used by each element. It also has Javascript debugging support.

Safari 使用Web检查工具。

Safari uses a tool called Web Inspector.

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

Opera has a built-in utility called Dragonfly.

这篇关于是否可以调试CSS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！