关于javascript：WebKit / Safari的控制台API在哪里？

console.dir(console)

 <wyn>
 
       
       
        <h1 id="pageTitle">The Console<p>
The console offers a way to inspect and debug your webpages. Think of it as the Terminal of your web content. The console has access to the DOM and JavaScript of the open page. Use the console as a tool to modify your web content via interactive commands and as a teaching aid to expand your knowledge of JavaScript. Because an object’s methods and properties autocomplete as you type, you can see all available functions that are valid in Safari.
</p>Ok.

<p>
For example, open the console and type <wyn>$$(‘p’)[1]</wyn>。 (<wyn>$$</wyn>是<wyn>document.querySelectorAll</wyn>的简写，请参见<span class =" content_text">表5-1 </ span>中的更多速记命令。)因为本段是此页面上<wyn>p</wyn>元素的第二个实例。 (从0开始的索引中的<wyn>[1]</wyn>)，该节点表示此段。当您将鼠标悬停在节点上时，其在页面上的位置会明显突出显示。您可以展开节点以查看其内容，甚至可以按Command-C将其复制到剪贴板。
</p>好。

<section> <h2 class =" jump">命令行API <p>
您可以使用<span class =" content_text">表5-1 </ span>中列出的控制台命令来更详细地检查HTML节点和JavaScript对象。在控制台中以交互方式键入命令行API。
</p>好。

<p>
如果您的脚本与命令行API函数共享相同的函数名称，则脚本中的函数优先。
</p>好。

<table class =" graybox" border =" 0" cellspacing =" 0" cellpadding =" 5"> <caption class =" tablecaption">表5-1 Web Inspector控制台中可用的命令</ caption> <tbody> <tr > <th scope =" col" class =" TableHeading_TableRow_TableCell"> <p>
命令
</p>好。

</ th> <th scope =" col" class =" TableHeading_TableRow_TableCell"> <p>
描述
</p>好。

</ th> </ tr> <tr> <td scope =" row"> <p>
<wyn>$(</wyn>选择器<wyn>)</wyn>
</p>好。

</ td> <td> <p>
<wyn>document.querySelector</wyn>的简写。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>$$(</wyn>选择器<wyn>)</wyn>
</p>好。

</ td> <td> <p>
<wyn>document.querySelectorAll</wyn>的简写。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>$x(</wyn> xpath <wyn>)</wyn>
</p>好。

</ td> <td> <p>
返回与给定的<span class =" content_text"> XPath </ span>表达式匹配的元素数组。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>$0</wyn>
</p>好。

</ td> <td> <p>
表示内容浏览器中当前选定的节点。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>$</wyn> 1..4
</p>好。

</ td> <td> <p>
分别表示内容浏览器中的最后一个，倒数第二个，倒数第三个和倒数第四个节点。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>$_</wyn>
</p>好。

</ td> <td> <p>
返回最后计算的表达式的值。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>dir(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
打印对象的所有属性。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>dirxml(</wyn>对象<wyn>)</wyn>
</p>好。
</ td> <td> <p>
打印对象的所有属性。如果对象是节点，则打印该节点和所有子节点。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>keys(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
打印对象自身属性名称的数组。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>values(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
打印对象自身属性值的数组。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>profile(</wyn> [title] <wyn>)</wyn>
</p>好。

</ td> <td> <p>
启动JavaScript分析器。可选参数<wyn>title</wyn>包含要在配置文件报告的标题中打印的字符串。请参见<span class =" content_text"> JavaScript和事件记录</ span>。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>profileEnd()</wyn>
</p>好。

</ td> <td> <p>
停止JavaScript分析器并打印其报告。请参见<span class =" content_text"> JavaScript和事件记录</ span>。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>getEventListeners(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
打印包含该对象的附加事件侦听器的对象。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>monitorEvents(</wyn> object [，类型] <wyn>)</wyn>
</p>好。

</ td> <td> <p>
开始记录分配给给定对象的所有事件。可选参数<wyn>types</wyn>定义要记录的特定事件或事件类型，例如"单击"。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>unmonitorEvents(</wyn> object [，类型] <wyn>)</wyn>
</p>好。

</ td> <td> <p>
停止记录分配给给定对象的所有事件。可选参数<wyn>types</wyn>定义特定的事件或事件类型以停止记录，例如"单击"。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>inspect(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
检查给定的对象；这与单击"检查"按钮相同。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>copy(</wyn>对象<wyn>)</wyn>
</p>好。

</ td> <td> <p>
将给定的对象复制到剪贴板。
</p>好。

</ td> </ tr> <tr> <td scope =" row"> <p>
<wyn>clear()</wyn>
</p>好。

</ td> <td> <p>
清除控制台。
</p>好。

</ td> </ tr> </ tbody> </ table> <p>
<span class =" content_text">表5-1 </ span>中列出的函数是常规的JavaScript函数，它们是Web Inspector环境的一部分。这意味着您可以像使用任何JavaScript函数一样使用它们。例如，您可以将控制台API命令链分配给变量以创建有用的速记。 <span class =" content_text">清单5-1 </ span>显示了如何快速查看附加到所选节点的所有事件类型。
</p>好。

<p class =" codesample clear">列出5-1查找与此元素关联的事件
</p>好。

<table> <tbody> <tr> <td scope =" row"> [cc lang="javascript"]var evs = function () {<span></span>