您的位置：首页 > Web前端 > JavaScript

Firebug中的console tab使用总结 [2]

2010-07-30 13:22 375 查看
4、断言(console.assert())。

console.assert()可以用来判断一个表达式是否正确，如果错误，他就会打印错误信息在控制台窗口中。

console.assert(a, "message" [,objects]) - Asserts that an a is true.
console.assertEquals(a, b, "message" [,objects]) - Asserts that a is equal to b.
console.assertNotEquals(a, b, "message" [,objects]) - Asserts that a is not equal to b.
console.assertGreater(a, b, "message" [,objects]) - Asserts that a is greater than b.
console.assertNotGreater(a, b, "message" [,objects]) - Asserts that a is not greater than b.
console.assertLess(a, b, "message" [,objects]) - Asserts that a is less than b.
console.assertNotLess(a, b, "message" [,objects]) - Asserts that a is not less than b.
console.assertContains(a, b, "message" [,objects]) - Asserts that a is in the array b.
console.assertNotContains(a, b, "message" [,objects]) - Asserts that a is not in the array b.
console.assertTrue(a, "message" [,objects]) - Asserts that a is equal to true.
console.assertFalse(a, "message" [,objects]) - Asserts that a is equal to false.
console.assertNull(a, "message" [,objects]) - Asserts that a is equal to null.
console.assertNotNull(a, "message" [,objects]) - Asserts that a is not equal to null.
console.assertUndefined(a, "message" [,objects]) - Asserts that a is equal to undefined.
console.assertNotUndefined(a, "message" [,objects]) - Asserts that a is not equal to undefined.
console.assertInstanceOf(a, b, "message" [,objects]) - Asserts that a is an instance of type b.
console.assertNotInstanceOf(a, b, "message" [,objects]) - Asserts that a is not an instance of type b.
console.assertTypeOf(a, b, "message" [,objects]) - Asserts that the type of a is equal to the string b.
console.assertNotTypeOf(a, b, "message" [,objects]) - Asserts that the type of a is not equal to the string b.


5、追踪(console.trace())。

console.trace()是一个非常有趣的功能。我们先来看看官方的解释：打印Javascript执行时刻的堆栈追踪。

这个函数可以打印出程序执行时从起点到终点的路径信息。

比如如果我们想知道某个函数是何时和如何被执行的，我们将console.trace()放在这个函数中，我们就能够的看到这个函数被执行的路径。

这个函数在调试其他人的源代码时非常有用。    

6、计时(Timing)。

console.time(timeName)可以用来计时，这个在我们需要知道代码执行效率的时候特别有用，就不用自己造轮子了。

           
function consoleTime(){
var timeName = "timer1";
console.time(timeName);
var a = 0;
for(var i = 0; i < 100; i++){
for(var j = 0; j < 100; j++){
//                        console.log('Hello world');
a = a + 1;
}
}

console.log("a = %d", a);
console.timeEnd(timeName);
}


7、Javascript分析器(Javascript Profiler)。

我们可以通过代码console.profile('profileName')或者单击Profiler标签来进行Javascript代码执行的分析。这个功能有点类似于console.time()，可以帮助我们评估代码的表现，但是能够提供比console.time()更详细的信息。

有三种方法可以调用Javascript profiler。一种是在代码中写入分析脚本，一种是单击profile标签，最后还可以在命令行下输入命令来执行。

执行后，可以看到详细的输出结果，下面对各项进行一些说明：

Function Column：显示调用的函数名称；

Call Column：显示调用次数；

Percent Column：显示消耗的时间比；

Own Time：显示函数内部语句执行的时间，不包括调用其他函数的时间；

Time Column：显示函数从开始到结束的执行时间；

Avg Column：平均时间。Avg = Own / Call;

Min & Max Column：显示最小和最大时间；

File Column：函数所在的文件；    

8、其他的一些选项。

在Console Tab的最右侧有一个Options的选项，在这里可以自己定义需要显示的错误，其内容很好理解，这里就不多说了。有一点就是Firebug1.3以后，多了Show Chrome Errors、Show Chrome Message等几个选项，这几个选项还没有验证过其具体的作用
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  firebug javascript profiler chrome function less
相关文章推荐
新的分享
章节导航