firebug指南（4）-javascript性能评测和对象跟踪(转)
日期：2014-05-16 浏览次数：20359 次
firebug指南（四）---javascript性能评测和对象跟踪(转)
引言：
?
本篇将涵盖以下几个主题：
?
???? ·javascript性能评测器
???? ·错误跟踪
???? ·xmlhttprequest对象跟踪
?
#1.javascript性能评测器
?
javascript性能评测器是firebug中非常有用的一个功能，它可以计算出javascript代码的执行的一些时间数据（如方法调用次数，执行的时间，平均执行时间等等）。这对提高javascript代码的性能有非常大的帮助。
?
我们有三种方式可以使用javascript性能评测器，分别是点击控制台标签上的“概况”按钮或者在javascript代码中写入 “console.profile（）”或者在命令行中中输入“profile（）”。在本篇中我将讲解前两种方式，如果你对第三种方式有兴趣，请点击这里（第四篇） 。
?
console.profile()
?
???? ·新建一个html文件，然后将下列代码粘贴到建好的html中。
?
- <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-??
- ??
- transitional.dtd">?????
- <html?xmlns="http://www.w3.org/1999/xhtml"?>?????
- <head>?????
- <title>Firebug</title>?????
- <script?language="javascript"?type="text/javascript">?????
- ????
- function?startDoSomething(){?????
- console.profile('Measuring?time');?????
- doSomething();?????
- console.profileEnd();?????
- }?????
- function?doSomething(){?????
- doThis(1000);?????
- doThis(100000);?????
- doThat(10000);?????
- doThisAndThat(1000,10000);?????
- ????
- }?????
- function?doThis(count){?????
- for(var?i=0;i<count;i++){}?????
- }?????
- ????
- function?doThat(count){?????
- for(var?i=0;i<count;i++){}?????
- }?????
- ????
- function?doThisAndThat(countThis,countThat){?????
- for(var?i=0;i<countThis;i++){?for(var?j=0;j<countThat;j++){}?}?????
- }?????
- </script>?????
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
