【问题标题】:Firebug not showing ::before and ::after pseudo-elementsFirebug 不显示 ::before 和 ::after 伪元素
【发布时间】: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。我看到的截图一定和那次努力有关。

【问题讨论】:

    标签: firebug pseudo-element


    【解决方案1】:

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

    【讨论】:

    • 我正在使用 v42 - 现在不知道这些在哪里,因为侧面板有一组完全不同的选项 - 没有一个显示“之后”样式。我会恢复到旧版本,直到我能得到更好的选择。
    • 因为 Firebug 是 officially discontinued,你应该试试 Firefox DevTools,它甚至会在他们的 Inspector 中显示 pseudo-elements within the node view。话虽如此,目前 Firefox 42 已经过时了,所以我建议更新您的浏览器。