Firebug Chrome Console 把握台应用号令

Console API

当打开 firebug （也包含 Chrome 等浏览器的自带调试对象），window 下面会注册一个叫做 console 的对象，它供给多种办法向把握台输出信息，供开辟人员调试应用。下面是这些办法的一个简单介绍，当令地应用它们，对于进步开辟效力很有帮助。

console.log（object[， object， ...]）
应用频率最高的一条语句：向把握台输出一条消息。支撑 C 说话 printf 式的格局化输出。当然，也可以不应用格局化输出来达到同样的目标：

var animal=""frog""， count=10;console.log（"The ％s jumped over ％d tall buildings"， animal， count）;console.log（"The"， animal， "jumped over"， count， "tall buildings"）;

console.debug（object[， object， ...]）
向把握台输出一条信息，它包含一个指向该行代码地位的超链接。

console.info（object[， object， ...]）
向把握台输出一条信息，该信息包含一个默示“信息”的图标，和指向该行代码地位的超链接。

console.warn（object[， object， ...]）
同 info。差别是图标与样式不合。

console.error（object[， object， ...]）
同 info。差别是图标与样式不合。error 实际上和 throw new Error（） 产生的结果雷同，应用该语句时会向浏览器抛出一个 js 异常。

console.assert（expression[， object， ...]）
断言，测试一条表达式是否为真，不为真时将抛出异常（断言失败）。

console.dir（object）
输出一个对象的全属下性（输出成果类似于 DOM 面板中的样式）。

console.dirxml（node）
输出一个 HTML 或者 XML 元素的布局树，点击布局树上方的节点进入到 HTML 面板。

console.trace（）
输出 Javascript 履行时的客栈追踪。

console.group（object[， object， ...]）
输出消息的同时打开一个嵌套块，用以缩进输出的内容。调用 console.groupEnd（） 用以停止这个块的输出。

console.groupCollapsed（）
同 console.group（）; 差别在于嵌套块默认是收起的。

console.time（name）
计时器，当调用 console.timeEnd（name）;并传递雷同的 name 为参数时，计时停止，并输出履行两条语句之间代码所消费的时候（毫秒）。

console.profile（[title]）
与 profileEnd（） 连络应用，用来做机能测试，与 console 面板上 profile 按钮的功能完全雷同。

console.count（[title]）
输出该行代码被履行的次数，参数 title 将在输出时作为输出成果的前缀应用。

console.clear（）
清空把握台

把握台的输出面板右边，是把握台的输入面板（Chrome 调试对象对应为下方），在这里除了可以运行常规的 javascript 代码，还内置了相当数量的号令行可以帮助我们的调试工作，下面是一些常用号令行的简单介绍。

￥（id）
返回一个给定 id 的元素。

￥￥（or）
返回给定的 css 选择器匹配到的一组元素。

￥x（xpath）
返回给定的 XPath 表达式匹配到的一组元素。

￥0
在 HTML 面板中选中的元素。

￥1
上一次在 HTML 面板中选中的元素。

￥n（index）
接见比来 5 个被选中过的元素，index 的局限： 0 – 4。

dir（object）
同 console.dir（object）。

dirxml（node）
同 console.dirxml（node）。

clear（）
同 console.clear（）。

inspect（object[， tabName]）（）
在合适的（或一个指定的） tab 中检视一个对象。

keys（object）
返回一个对象的所有属性的键。

values（object）
返回一个对象的所有属性的值。

debug（fn）
在函数第一行添加一个断点，应用 undebug（fn） 移除断点。

monitor（fn）
开启一个函数的调用日记，应用 unmonitor（fn） 封闭该功能。很是有效的一个号令，然则它似乎并没有很好地工作。

monitorEvents（object[， types]）
开启一个元素的某个事务（或所有事务）被触发时的日记记录。用例如下：

monitorEvents（￥0，[""click""]）

上方的号令行被履行后，将开启当前在 HTML 面板中被选中元素的 click 事务监控，一旦这个元素的 click 事务被触发，事务对象将会在把握台输出。若是不指定第二个参数，将对所有事务进行记录。

profile（[title]）
同 console.profile（[title]）