`
kacakong
  • 浏览: 25759 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Javascript 性能测试工具 FireJSPT

    博客分类:
  • Ajax
阅读更多

 

FireBug的概况收集尽管还是比较好用,但是由于他是普遍式的性能跟踪,我们要在包含所有的JQ函数的跟踪信息的情况下,找到对我们有用的自定义的函 数性能信息并不容易。所以,为了自定义客户端性能测试的方便,我利用FireBug的插件API ,写了一个基于FireFox的性能测试工具FireJSPT ( Fire JavaScript Performance Test ),简要介绍如下:

 

1. 环境说明:

  • firejspt不依赖于任何的插件库,即使脱离jQuery也能很好的工作。
  • 目前只是在装有FireBug插件的浏览器上起作用,包括FireFox,Chrome ,对IE无效。

 

 

2. 引入firejspt的核心JS类库:

 

<script type="text/javascript"  src="firejspt.js"  ></script>

 

 

 

3. 性能的监控代码的调用

 

<script type="text/javascript">
 //需要监控性能的代码功能块1
 function testFun1(){
     for (var i=0;i<100;i++){
       $("#test").html("Hello World");
     }
  }
 
  //需要监控性能的代码功能块2
  function testFun2(){
     for (var i=0;i<500;i++){
       $("#test").html("Hello World");
     }
  }
 
 $(function(){
  //执行性能监控测试
  jspt.test(function(){testFun1();});
  jspt.test(function(){testFun2();});
 });
</script>

 

 

下面是页面打开后,FireBug中的效果图:

 

 

 

FireJSPT性能测试

 

 

4. 更多扩展设定

 

//关闭性能监控的运行
 jspt.run=false;
 
 //设置运行时间超过5ms就显示报警提示
 jspt.limit=5;

//同时监控多个函数,自定义控制台显示名称
  jspt.test(function(){testFun1(); testFun2();},"业务功能1");

 

 

 

5. 托管于Google Code

 

项目首页:http://code.google.com/p/firejspt/

下载地址:http://code.google.com/p/firejspt/downloads/list

 

 

 

10
0
分享到:
评论
3 楼 何处烤地瓜 2010-12-17  
怎么用?  不清楚  菜鸟。。我
2 楼 kacakong 2010-12-09  
lym6520 写道
哈哈,,楼主才

谢谢,主要是比较实用,能解决开发中的实际问题。
1 楼 lym6520 2010-12-09  
哈哈,,楼主才

相关推荐

Global site tag (gtag.js) - Google Analytics