Javascript 如何在Firefox中拥有详细的JS控制台

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

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

---

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

右键单击控制台中的链接，然后单击DOM选项卡中的检查

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