0

在 Chrome 中，当我们这样做时

console.log(document.styleSheets);

它将显示整个对象元素，我们可以遍历它。

在 Firebug 中，它显示消息，当我单击它时，它会在 DOM 检查器中打开，让我浏览子项。

但是当我这样做时：

for (var S = 0; S < document.styleSheets.length; S++){
    if(document.styleSheets[S][cssRuleCode]){
        for(var n = 0; n < document.styleSheets[S][cssRuleCode].length; n++) {
            console.log(document.styleSheets[S][cssRuleCode][n]);

萤火虫表演

CSSStyleRule { constructor=CSSStyleRule, parentStyleSheet=CSSStyleSheet, style=CSSStyleDeclaration, more...}

当我点击它时，它只会打开 CSS 条目，没有子信息。

如何在 Firefox 的 JS 控制台中获取详细的对象表示（有或没有 Firebug）？

4

1 回答 1

1

右键单击控制台中的链接，然后单击Inspect in DOM tab。

于 2012-12-30T17:08:48.503 回答