Firebug使用详解(17)_开源Bug管理工具

Firebug使用详解(17)

发表于：2014-08-08来源：博客园作者：夏楚枫点击数：标签：Firebug

这些函数分别会用不同的背景颜色和文字颜色来显示信息。我们来看看测试一下这些函数的输出，在脚本中加入： console.debug(This is console.debug!); console.

　　这些函数分别会用不同的背景颜色和文字颜色来显示信息。

　　我们来看看测试一下这些函数的输出，

　　在脚本中加入：

console.debug('This is console.debug!');

console.info('This is console.info!');

console.warn('This is console.warn!');

console.error('This is console.error!');

　　刷新页面看看结果(图11-4)。

图11-4

　　有时候，为了更清楚方便的查看输出信息，

　　我们可能需要将一些调试信息进行分组输出，

　　那么可以使用console.group来对信息进行分组，

　　在组信息输出完成后用console.groupEnd结束分组。

　　我们测试一下把刚才的4个输出作为一个分组输出，

　　修改代码为：

console.group('开始分组：');

console.debug('This is console.debug!');

console.info('This is console.info!');

console.warn('This is console.warn!');

console.error('This is console.error!');

console.groupEnd();

　　刷新页面看看结果(图11-5)。

　　在console.group中，

　　我们还可以加入一个组标题“开始分组：”。

　　如果需要，

　　我们还可以通过嵌套的方式，

　　在组内再分组。

图11-5

　　有时候，

　　我们需要写一个for循环列出一个对象的所有属性或者某个HTML Element下的所有节点，

　　有了firebug后，

　　我们不需要再写这个for循环了，

　　我们只需要使用console.dir(object)或console.dirxml(element)就可以了。

　　在测试页中加入代码测试一下：

console.dir(document.getElementById('div1'));

console.dirxml(document.getElementById('div1'));

原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html

软件测试 > 开源软件测试 > 开源Bug管理工具 >