Chrome开发者工具,使用脚本标记内的检查功能

时间:2010-03-02 16:39:47

标签: javascript debugging google-chrome

我在google上环顾四周,我无法想出在我正在处理的网页中使用dir()函数,我想让它吐出调试语句,因为我用过与Firebug一起做。

更清晰的例子

我想要的是做以下事情。

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

但是这样做会得到一个未定义的错误。

4 个答案:

答案 0 :(得分:14)

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

答案 1 :(得分:0)

可以在以下位置找到控制台:

  • Instpect Element
  • 点击脚本向上
  • 在左下角,点击显示控制台按钮

旁注:console.log()功能也会出现在此处。

答案 2 :(得分:0)

您是否尝试使用console.log(var)?它将对象转储到javascript控制台( Ctrl + Shift + j ),您可以舒适地探索结构。

Chrome console output http://img411.imageshack.us/img411/1739/chromeconsolelog.png

答案 3 :(得分:0)

“jQuerify”---将jQuery嵌入Chrome控制台的完美扩展,就像你想象的那样简单。如果jQuery已经嵌入到页面中,这个扩展也会提出异议。

此扩展用于将jQuery嵌入到您想要的任何页面中。它允许在控制台shell中使用jQuery(您可以通过“Ctrl + Shift + j”调用Chrome控制台)。

要将jQuery嵌入到选定的选项卡中,请单击“扩展”按钮。

链接到扩展程序:https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc