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

Javascript Chrome开发者工具,使用脚本标记内的检查功能,javascript,debugging,google-chrome,Javascript,Debugging,Google Chrome,我在google上四处查看过,但我不知道如何在我正在处理的网页中使用dir()函数,我希望它能吐出调试语句,就像我习惯于使用Firebug一样 更清楚的例子 我想做的是做以下事情 <script> a=document.getElementById('gabber'); dir(a); </script> a=document.getElementById('gabber'); 署长(a); 但是,这样做会导致未定义的错误。控制台位于: Inspect元素 单击顶

我在google上四处查看过,但我不知道如何在我正在处理的网页中使用dir()函数,我希望它能吐出调试语句,就像我习惯于使用Firebug一样

更清楚的例子

我想做的是做以下事情

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

a=document.getElementById('gabber');
署长(a);

但是,这样做会导致未定义的错误。

控制台位于:

  • Inspect元素
  • 单击顶部的脚本
  • 在左下角,单击显示控制台按钮

旁注:
console.log()
函数也将出现在此处。

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


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上获得以下信息:)

“jQueryify”——将jQuery嵌入Chrome控制台的完美扩展,其简单程度可以想象得到。如果jQuery已经嵌入到页面中,则此扩展也会提示

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

要将jQuery嵌入所选选项卡,请单击扩展按钮


链接到分机:

好的,我要做的是执行以下操作。a=document.getElementById('gabber');署长(a);但是,这样做会得到一个未定义的错误。显然,在这些小评论中降价是不起作用的?@flaxeater-同一个地方,除了使用
console.dir(文档)例如。是的,谢谢,这就是我缺少的。非常感谢。对不起,显然我也不能投你一票(
debug
error
info
log
warn
dir
dirxml
trace
assert
count
markTimeline
time
timeEnd
group
groupEnd