Chrome Javascript console 使用[from google]

JavaScript 控制台（Console）

JavaScript 控制台可与其它面板联合使用，您可以借助它来审查 DOM 元素、调试 JavaScript 代码、查看 HTML 解析错误等。

我们再次以 Google 简体中文首页为例说明 JavaScript 控制台的用法：

进入 Google Chrome 浏览器开发人员工具的元素面板，点击工具窗口左下角的第二个图标打开 JavaScript 控制台，您可以通过 $(‘element_id’) 来查看一个 DOM 元素，也可以通过“ $N ”（n=0,1,2,...）查看最近选中的元素。

 

$0 为最近选中的元素，$1 为前一个选中的元素，以此类推：

 

您也可以通过 inspect() 语句获得当前窗口或页面中的对象，例如：使用 inspect(window.navigator.userAgent) 可获得当前浏览器信息，而 inspect(profileEnd) 则会显示 profileEnd 这个函数：

 

因为控制台会帮您自动补齐命令、对象名以及属性名称等等，所以完全不必担心需要键入太多字符或者敲错。

使用 dir() 语句可获得一个元素或对象的详细属性，如输入 dir(ghead) ，您将会看到：

 

dirxml() 语句的参数如果是函数名，如 dirxml(profileEnd) ，会显示出这个函数，类似于 inspect(profileEnd) 语句；如果参数是元素的 id，例如 dirxml(ghead) 则以 DOM 树形式显示出这个元素，相当于 $(‘ghead’)。

 

http://www.google.com/support/chrome/bin/static.py?page=guide.cs&guide=29302&topic=29313