Firebug 不显示 ::before 和 ::after 伪元素

Posted 2023-03-06

【中文标题】Firebug 不显示 ::before 和 ::after 伪元素

【英文标题】：Firebug not showing ::before and ::after pseudo-elements

【发布时间】：2015-09-12 03:50:17

【问题描述】：

在广泛搜索为什么 Firebug 在 html 检查器中没有像在 Firefox 和 Chrome 内置调试​​器中那样显示这些伪元素后，我发现了许多结果表明这确实是可能的。但是在 4 台不同的计算机上进行测试，包括 Windows 和 Mac OS，我仍然无法在 HTML 检查器中找到这些。有没有我遗漏的设置？

现在我在 Mac Yosemite 上使用 Firefox 38.0.5 和 Firebug 2.0.11。

更新：

实际上，此功能似乎仍在开发中：https://code.google.com/p/fbug/issues/detail?id=5785。我看到的截图一定和那次努力有关。

【参考方案1】：

Firebug 在Style side panel 中为所选元素显示伪元素，而不是在主 HTML 面板中。

【讨论】：

我正在使用 v42 - 现在不知道这些在哪里，因为侧面板有一组完全不同的选项 - 没有一个显示“之后”样式。我会恢复到旧版本，直到我能得到更好的选择。

因为 Firebug 是 officially discontinued，你应该试试 Firefox DevTools，它甚至会在他们的 Inspector 中显示 pseudo-elements within the node view。话虽如此，目前 Firefox 42 已经过时了，所以我建议更新您的浏览器。