FireBug的概况收集尽管还是比较好用,但是由于他是普遍式的性能跟踪,我们要在包含所有的JQ函数的跟踪信息的情况下,找到对我们有用的自定义的函 数性能信息并不容易。所以,为了自定义客户端性能测试的方便,我利用FireBug的插件API ,写了一个基于FireFox的性能测试工具FireJSPT ( Fire JavaScript Performance Test ),简要介绍如下:
1. 环境说明:
* firejspt不依赖于任何的插件库,即使脱离jQuery也能很好的工作。
* 目前只是在装有FireBug插件的浏览器上起作用,包括FireFox,Chrome ,对IE无效。
2. 引入firejspt的核心JS类库:
Js代码
1. <script type="text/javascript" src="firejspt.js" ></script>
<script type="text/javascript" src="firejspt.js" ></script>
3. 性能的监控代码的调用
Js代码
1. <script type="text/javascript">
2. //需要监控性能的代码功能块1
3. function testFun1(){
4. for (var i=0;i<100;i++){
5. $("#test").html("Hello World");
6. }
7. }
8.
9. //需要监控性能的代码功能块2
10. function testFun2(){
11. for (var i=0;i<500;i++){
12. $("#test").html("Hello World");
13. }
14. }
15.
16. $(function(){
17. //执行性能监控测试
18. jspt.test(function(){testFun1();});
19. jspt.test(function(){testFun2();});
20. });
21. </script>
<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. 更多扩展设定
Js代码
1. //关闭性能监控的运行
2. jspt.run=false;
3.
4. //设置运行时间超过5ms就显示报警提示
5. jspt.limit=5;
6.
7. //同时监控多个函数,自定义控制台显示名称
8. jspt.test(function(){testFun1(); testFun2();},"业务功能1");
//关闭性能监控的运行
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
分享到:
相关推荐
Google称现在有太多的Javascript测试工具,Google自己也有一个Octane工具,但现在的开发编程语言不仅仅是在将静态网页变成动态应用,更需要多多考虑快速浏览的问题,Google希望RoboHornet能给测试带来一些新鲜血液。...
JSLint, The JavaScript Code Quality Tool.files
jasmine是一个用来编写Javascript测试的框架,它不依赖于任何其它的javascript框架。它有拥有灵巧而明确的语法可以让你轻松的编写测试代码。
javascript性能优化javascript性能优化
JavaScript测试工具
前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, ...
自己写的javascript性能测试插件
javascript 测试工具
stool 是一个 JavaScript 基准测试工具。优势:无需登录/姓名和电子邮件/验证码"always" up只使用静态的资源,所以可以本地和脱机工作(仅限打开HTML文件) 标签:stool
Javascript 性能优化的一点技巧
Venus 是一个 JavaScript (JS)的测试工具,可以简化运行单元测试。当你在 JS 开发一个基于浏览器的项目时,你想创建单元测试并频繁地运行它们。通常,你会用一些库比如 Mocha 或 Jasmine,写一个单元测试,这些库...
JavaScript性能优化的小知识总结共23页.pdf.zip
NULL 博文链接:https://lym6520.iteye.com/blog/317547
注意:需要转换的js文件里面不能有注释,有的话,它转换不了。 在网上下载一些js文件,但是打开后,就像一段话一样,好长,好长,没有任何格式,想看一下就不成。
javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具
JavaScript 性能优化的小知识总结
k6, 现代负载测试工具,使用go和 JavaScript https 单元测试,用于性能DevOps时代开发人员和测试人员的现代负载测试工具。 下载 。文档。 。社区服务。k6 k6是一个现代化的负载测试工具,在负载和性能测试行业的多年...
JSCheck 是一个 JavaScript 测试工具,灵感来自于 QuickCheck, 这里有一篇详细的使用介绍文章。 标签:JSCheck
javascript测试工具 Karma ,Karma 是一个简单的javascript测试工具,它允许在多个真正的浏览器执行JavaScrip...
好用的javascript调试工具,方便进去js编写调试。