javascript - 在 Firebug 插件中提取 CSS 代码

Question

我不确定问这个问题是否合适。当我们检查一个元素时，我需要获取由 Firebug 生成的 CSS。但是经过一些研究，我无法在 firebug-lite 扩展中提取确切的代码，因为我不太擅长 Javascript。那么有什么方法可以只提取获取特定元素（内联、外部和导入）的所有 CSS 的 JS 代码，就像它在萤火虫工具中的使用方式（在屏幕截图中突出显示）一样？或者是否有任何代码文档（不是使用文档）来实现这一点？对此的任何帮助将不胜感激..提前致谢

Answer 1

Firebug 有两个函数用于获取应用于特定元素的规则 -getInheritedRules()和 getElementRules(). 他们在内部使用 Firefox API inIDOMUtils.getCSSStyleRules()，它返回与给定元素相关的所有规则。