Firefox Web 开发人员工具栏是否具有相当于 Firebug 的“检查元素”CSS 实时调试功能？答案

【问题标题】：Does the Firefox Web Developer Toolbar have an equivalent of Firebug's "Inspect Element" CSS live-debug feature?Firefox Web 开发人员工具栏是否具有相当于 Firebug 的“检查元素”CSS 实时调试功能？
【发布时间】：2010-12-05 21:26:37
【问题描述】：

要编辑 CSS，我必须检查 Firebug 中的元素，然后在 Firefox Web Developer 工具栏中进行更改，以便将更改保存到单独的 CSS 文件中。

如果我能忘记 Firebug 而只使用一个工具就好了。 Web Developer 工具栏是否有“检查元素”选项？我好像找不到。

此功能的作用是让您将鼠标悬停在结构元素上并检查关联的 CSS。

【问题讨论】：

在这里查看这个答案stackoverflow.com/a/13855134/1868660

标签： html css firefox firebug web-developer-toolbar

【解决方案1】：

尝试信息 -> 显示元素信息 (Ctrl-Shift-F)。

【讨论】：

正是我想要的！谢谢！
谢谢，一直在使用 firebug，没想到要找到替代品！

【解决方案2】：

使用 CSS > 编辑 CSS，您还可以编辑 CSS 并实时预览更改。

【讨论】：