如何在Firefox中使用详细的JS控制台

Question

在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]);

Firebug节目

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

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

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

Answer 1

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