如何有詳細的JS控制檯在Firefox

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

螢火顯示

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

，當我點擊它，它只是打開了CSS項，沒有孩子的信息。

如何在Firefox的Firefox控制檯（帶或不帶Firebug）中獲得詳細的對象表示？

Answer 1

右鍵單擊控制檯中的鏈接，然後單擊Inspect in DOM tab。