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

本文介绍了前端开发中常用的console断言功能,如assert、assertEquals等,并探讨了console.trace()用于追踪JavaScript执行路径的方法。此外,还讲解了console.time()的计时功能及JavaScript分析器的使用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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等几个选项,这几个选项还没有验证过其具体的作用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值