Javascript Chrome开发者工具,使用脚本标记内的检查功能
我在google上四处查看过,但我不知道如何在我正在处理的网页中使用dir()函数,我希望它能吐出调试语句,就像我习惯于使用Firebug一样 更清楚的例子 我想做的是做以下事情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元素 单击顶
<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