Chrome開發人員工具，使用腳本標記內的檢查功能

我環顧了谷歌，我無法弄清楚例如在我工作的網頁內的dir（）函數，我想擁有它吐出調試語句，就像我以前用Firebug做的那樣。Chrome開發人員工具，使用腳本標記內的檢查功能

一個更清晰的例子

我想要做的是以下幾點。

<script> 
a=document.getElementById('gabber'); 
dir(a); 
</script>

但是，這樣做會得到一個未定義的錯誤。

2010-03-02 flaxeater

console.dir工作對我來說：

console.dir(document.getElementById('foo'));

您可以在控制檯上看見這樣上所有可用的功能：

for (var n in console) { 
    if (typeof console[n] == "function") { 
    console.log(n); 
    } 
}

（我得到了在Chrome以下5.0.322.2 :)

debug 
error 
info 
log 
warn 
dir 
dirxml 
trace 
assert 
count 
markTimeline 
time 
timeEnd 
group 
groupEnd

2010-03-02 16:49:26 Annie

是的，謝謝，這就是我錯過了。謝謝一堆。很抱歉，顯然我無法贊成你。 :( – flaxeater 2010-03-02 16:53:04

控制檯，可以發現：

附註：console.log()函數將會al所以出現在這裏。

2010-03-02 16:42:18

好吧，我想要的是做以下事情。但是，這樣做會得到一個未定義的錯誤。顯然減價不起作用在這些小評論？ – flaxeater 2010-03-02 16:44:51

@flaxeater - 相同的地方，除了使用'console.dir（document）;'例如。 – 2010-03-02 16:47:31

您是否嘗試過使用console.log(var)？它將對象轉儲到javascript控制檯中（Ctrl + Shift + j），您可以以舒適的方式瀏覽結構。

2010-03-02 16:47:36

「jQuerify」---將jQuery嵌入到Chrome控制檯中的完美擴展，儘可能簡單。如果jQuery已經嵌入到頁面中，這個擴展也會引起注意。

此擴展插件用於將jQuery嵌入到您想要的任何頁面中。它允許在控制檯外殼中使用jQuery（您可以通過「Ctrl + Shift + j」調用Chrome控制檯）。

要將jQuery嵌入到選定的選項卡中，請單擊擴展按鈕。

2010-07-22 10:48:48 Andrey

回答