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

标签 javascript firebug

enter image description here

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

最佳答案

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

关于javascript - 在 Firebug 插件中提取 CSS 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16255732/

相关文章:

Javascript 立即调用函数模式

javascript - 使用material-ui中的mixins来自定义React中的组件

debugging - Firebug 和 FirePHP 仅适用于选定的域?

javascript - Firebug 不显示 JavaScript

javascript 在 1 秒后打印一个值

javascript - 在对象中存储对库对象的引用

javascript - JQuery UI 的默认选择问题 'selectable'

javascript - 以最容易访问的方式预隐藏元素

firefox - 自 Firefox 51.0.1 起,console.log() 在 Firebug 中不再起作用

javascript - 在 Firebug 中记录 XML 的 DOM View ?