HTML5应用性能调优工具WAPA – 使用篇

转载: http://software.intel.com/zh-cn/blogs/2014/02/28/html5-wapa/?utm_campaign=CSDN&utm_source=intel.csdn.net&utm_medium=Link&utm_content=others-WAPA

HTML5应用性能调优工具WAPA – 使用篇

本篇文章将介绍怎样来使用WAPA进行分析。WAPA提供了两种使用方式,一种是图形化的web使用方式,另一种通过控制台来进行分析。

WAPA工具下载地址:https://github.com/webperf/WAPA

介绍和安装地址:HTML5应用性能调优工具WAPA – 安装篇

首先我们介绍web版本的使用方式。

WAPA使用篇-Web版本.

1.       运行sever文件夹下的app.js文件,启动服务器。

2.       浏览器中输入localhost:8888,进入欢迎界面。

3.       将要分析的HTML5项目(必须是.jar文件,例如web文件夹的test.jar)拖拽至欢迎界面的虚线框处。然后WAPA将会对该项目自动进行分析。

4.       等待分析完毕,进入结果显示界面。从左到右的三列分别是被分析项目中的文件列表,相应文件中的代码,以及相应文件的分析结果

5.默认的是显示的ie10平台下的分析结果,可以通过点击导航栏的平台选项来显示对应平台的分析结果。

6.点击最左侧Filelist中的文件名,会在中间code区域显示对应的代码,在message中显示分析结果。

7.点击最右侧Message列表中的任意一条message,会自动在code区域代码中找到相应的代码行,并且会弹出更详细的分析结果(包括example和speedup)。 当更换点击的message时,前一条的详细分析结果隐藏,该条的详细分析结果显示。

8.导航栏Reports下拉列表中记录的是之前分析过的文件的分析结果。点击任意一个,显示对应的分析结果。

 

上面介绍了如何使用web版本来进行分析,接下来我们将介绍如何使用WAPA命令行来进行分析。

WAPA使用-命令行版本:

1.       首先打开控制台,进入WAPA文件夹下的../wapa/src目录下。

例如:cd C:\Users\***\Desktop\wapa_source\wapa\src

2.       运行wapa/src 文件夹下的 Main.js. 格式为:node main.js 项目所在的文件夹名。

例如:node main.js C:\Users\***\Desktop\wapa_source\quick_sort_Integrate_v2.1.此命令将分析quick_sort_Integrate_v2.1 这个快速排序项目。分析过程如下图所示:

3.       分析结束之后,分析结果以xml文件的形式,被存放在被分析的项目所在文件夹的中,并被统一命名为WapaAnalyzeResult。

4.       打开分析结果文件WapaAnalyzeResult,将显示下列的内容,包括分析的文件,低效代码出现的行和列,提示的高效写法以及高效写法相比低效写法的加速比。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
系统根据B/S,即所谓的电脑浏览器/网络服务器方式,运用Java技术性,挑选MySQL作为后台系统。系统主要包含对客服聊天管理、字典表管理、公告信息管理、金融工具管理、金融工具收藏管理、金融工具银行卡管理、借款管理、理财产品管理、理财产品收藏管理、理财产品银行卡管理、理财银行卡信息管理、银行卡管理、存款管理、银行卡记录管理、取款管理、转账管理、用户管理、员工管理等功能模块。 文中重点介绍了银行管理的专业技术发展背景和发展状况,随后遵照软件传统式研发流程,最先挑选适用思维和语言软件开发平台,依据需求分析报告模块和设计数据库结构,再根据系统功能模块的设计制作系统功能模块图、流程表和E-R图。随后设计架构以及编写代码,并实现系统能模块。最终基本完成系统检测和功能测试。结果显示,该系统能够实现所需要的作用,工作状态没有明显缺陷。 系统登录功能是程序必不可少的功能,在登录页面必填的数据有两项,一项就是账号,另一项数据就是密码,当管理员正确填写并提交这二者数据之后,管理员就可以进入系统后台功能操作区。进入银行卡列表,管理员可以进行查看列表、模糊搜索以及相关维护等操作。用户进入系统可以查看公告和模糊搜索公告信息、也可以进行公告维护操作。理财产品管理页面,管理员可以进行查看列表、模糊搜索以及相关维护等操作。产品类型管理页面,此页面提供给管理员的功能有:新增产品类型,修改产品类型,删除产品类型。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值