firebug使用方法很好很强大

最新推荐文章于 2026-06-22 21:43:43 发布

原创最新推荐文章于 2026-06-22 21:43:43 发布 · 801 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#firebug #测试 #function #layout #html

收录于

本文介绍了如何利用Firebug的console功能进行性能分析，包括使用console.time和console.timeEnd测量函数执行时间，以及使用console.profile和console.profileEnd进行更详细的性能剖析。此外还提到了通过html视图下的layout和style选项卡来检查页面布局和样式。

首先介绍功能强大的console属性（主要确定各函数的效率问题），而不是用console.log(document.getElmentById("i1"));因为这个没有watch视图里面的watch方法要方便

其中有console.time 和 console.timeEnd 方法、console.profile和profileEnd

<body>
<script>
function myFunc(){
  alert("abc");
  }
function myFunc1(){
  myFunc();
}
console.profile('a');//网上搜得console.profile([title])是这个意思 有开关的意思
myFunc();
console.profileEnd('a');  

console.time('a');
myFunc();
console.timeEnd('a');

console.profile('a');
myFunc1();
console.profileEnd('a');
</script>
</body>