Firebug使用详解(18)

发表于:2014-08-08来源:博客园作者:夏楚枫点击数: 标签:Firebug
结果请看图11-6和图11-7。 图 11-6 图 11-7 是否想知道代码的运行速度? 很简单, 使用console.time和console.timeEnd就可以。 修改一下test函数的代码, 测试一下运行

  结果请看图11-6和图11-7。

11-6

11-7

  是否想知道代码的运行速度?

  很简单,

  使用console.time和console.timeEnd就可以。

  修改一下test函数的代码,

  测试一下运行1000次循环需要多少时间:

function test(){

console.time('test');

for(var i=0;i<1000;i++){

document.getElementById('div2').innerHTML=i;

//console.log('当前的参数是:%d',i);

}

console.timeEnd('test');

}

  刷新页面,

  单击“方块二”,

  看看结果(图11-8)。

  在这里要注意的是console.time和console.timeEnd里的参数要一致才会有正确的输出,

  而该参数就是信息的标题。

11-8

  是否想知道某个函数是从哪里调用的?

  console..trace可帮助我们进行追踪。

  在test函数的结尾加入:

console.trace();

  刷新页面,

  单击“方块二”,

  看看结果(图11-9)。

  结果显示是在坐标(97,187)的鼠标单击事件执行了test函数,

  而调用的脚本是在simple.html文件里的第1行。

  因为是在HTML里面的事件调用了test函数,

  所以显示的行号是第1行。

  如果是脚本,

  则会显示调用脚本的行号,

  通过单击可以直接去到调用行。

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