`
hongtoushizi
  • 浏览: 374899 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

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

阅读更多

转载; http://software.intel.com/node/506559

 

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

 

1.     下载并安装node.js

(1)     下载稳定版本Node.js(node-v0.8.14), 地址:

32bit : http://nodejs.org/dist/v0.8.14/node-v0.8.14-x86.msi.

64bit : http://nodejs.org/dist/v0.8.14/x64/node-v0.8.14-x64.msi

(2)     双击进行node安装,可以安装默认进行安装,不需要手动添加环境变量。更多的安装和下载信息可以在http://nodejs.org/download/ 上找到。

(3)     安装完毕之后,cmd ->  node –v

输出版本号,则成功。

2.     下载WAPA

(1)     从https://github.com/webperf/WAPA 上使用github或者直接下载 WAPA 文件。

a.       使用github方式:

在git bash中 输入git clone https://github.com/webperf/WAPA 命令,

 

Git完成之后,将得到一个名为WAPA的文件夹, 里面包含有下列WAPA文件:

 

b. 使用直接下载方式:

点击https://github.com/webperf/WAPA网页右侧的按钮,下载完将得到,解压该文件得到WAPA-master文件夹,该文件夹中包含与a步骤下载的相同的WAPA文件。

 

3.      下载WAPA用到的Node.js模块

  在命令行使用 “ npm install 模块名” 的命令,下载下列11个Node.js模块:cssom, esprima, htmlparser, jessie, msexcel-builder, readdirp, underscore, express, temporary, unzip 和 wrench.

例如 安装cssom模块:

输入命令之后,node便会自动下载模块。下载成功会提示:

你可以使用 npm root 命令查看你下载的模块的存放位置。

   

如上图,下载的模块就被放在了这个路径下。下载成功后该目录下就会多出一个 cssom文件夹,或者任意与你下载的模块同名的文件夹。

 

4.     配置WAPA

(1)     在YOUR-WAPA-ROOT 下 新建一个名为“node_modules” 的文件夹,注意此文件夹名不可改变。YOUR-WAPA-ROOT是你的WAPA文件所在的根目录。

(2)     复制上面第2步中下载好的前7个模块,(即:cssom, esprima, htmlparser, jessie, msexcel-builder, readdirp 和 underscore 模块)到此新建的文件夹中

(3)     在YOUR-WAPA-ROOT\ server 文件夹下 新建一个名为“node_modules” 的文件夹,注意此文件夹名不可改变。

(4)     复制上面第2步中下载好的后四个模块,(即:express, temporary, unzip 和 wrench.)到此新建的文件夹中。

 

5.     使用WAPA

WAPA有两种使用方式:命令行方式和web浏览器方式。

 

(1)     web浏览器方式.

a.       通过 "node YOUR-WAPA-ROOT\server\app.js" 命令运行sever文件夹下的app.js文件,启动服务器。

显示 Listening on port 8888则启动WAPA服务器成功。

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

c.       将你需要分析的HTML5项目打包成压缩文件,然后拖拽至欢迎界面的虚线框处。WAPA便会自动对压缩的项目进行分析。

d.       等待分析完毕,进入结果显示界面。包括分析的文件列表,文件中的代码,以及分析结果

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

               

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

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

           

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

 

(2). 命令行版本:

 

a.       使用下列命令: 

        node YOU-WAPA-ROOT\main.js PROJECT-ROOT

来通过Main.js 分析你的项目,其中PROJECT-ROOT 是你要分析的项目的根目录。如:你要分析C盘下名为Example项目,则PROJECT-ROOT就是:C:\ Example

分析结束出现,congratulations….等文字。

 

b.       分析结果以xml文件的形式,被存放在项目所在文件夹的中。默认的名字为 。结果被分列存放在其中。

Categories: 
Tags: 
分享到:
评论

相关推荐

    让你的电脑语音读出来

    输入文字,让你的电脑语音读出来。...【推荐】嵌入式高薪就业之路【下载】嵌入式从业人员调查报告Struts2 高危漏洞修复方案 HTML5应用性能调优工具WAPA 开放式虚拟化解决方案非常有用的技术开源网站..

    安装嵌入式系统工具

    在linux系统下安装监控导入工具,针对波粒64位网路录像机。

    WAPA_iPhone客户端

    WAPA_iPhone客户端

    wapa波粒高清网络摄像机固件V8.40.4.24

    wapa波粒高清网络摄像机固件V8.40.4.24适应于波粒5系所有高清摄像机

    波粒WAPA车牌识别系统1.0.8.0

    在实际应用中,波粒WAPA车牌识别系统可以广泛应用于高速公路收费、城市智能交通、停车场管理等多个领域。例如,它可以自动记录车辆进出时间,提高停车场的管理效率;在高速公路上,系统可协助收取通行费,减少人工...

    wapa波料8104

    【标题】:“wapa波料8104”通常指的是一个特定型号的视频采集卡,可能与8104 DVR(数字视频录像机)软件有关。这个标题暗示我们将讨论围绕这款设备及其配套软件的一些核心功能和常见问题。 【描述】:“8104视频...

    升级工具UPDATE

    波粒摄像机升级工具,如其名"WAPA Camera Update",是一款绿色版软件,这意味着它无需安装即可运行,减少了对计算机系统的依赖和潜在的冲突。"v0.3绿色版"表示这是该工具的第三个次要版本,可能包含了之前版本的改进...

    2013.7 WAPA|波粒百万高清升级固件与软件

    WAPA 波粒百万高清升级固件与软件 IP:输入摄像头内网IP,如修改了端口号则需要添加上端口号!如 192.168.1.100:81 Port:9050 File:输入固件文件wiu的所在位置

    波粒WAPA百万高清流媒体服务器

    波粒WAPA百万高清流媒体服务器

    波粒升级工具

    5. **故障排除**:如果摄像头出现性能问题或者无法正常工作,固件升级也常被作为解决办法。"波粒升级工具"可以提供诊断和修复功能,帮助用户解决设备遇到的问题。 6. **版本管理**:为了跟踪设备的状态,用户应记录...

    wapa 1048 SDK

    "波粒视频监控采集卡SDK"是一个专门为视频监控系统开发者设计的软件开发工具包,它提供了集成波粒视频监控采集卡所需的各种功能和接口。这个SDK使得开发人员能够轻松地远程调用监控摄像头,实现对视频监控设备的高效...

    wapa波粒高清摄像机升级(修复)程序

    wapa波粒高清摄像机升级(修复)程序,用于修复网络摄像机的各种故障。

    波粒网络摄像机软件

    "波粒网络摄像机软件"是一款专为波利网络摄像机设计的应用程序,它提供了丰富的功能,以便用户能够更有效地管理和操控他们的网络摄像头。这款软件不仅支持在电脑上进行录像,还允许用户对摄像机的IP地址和网络配置...

    百万高清DVR监控视频采集系统8150B绿色版

    "8150B"可能是该系统的型号或版本号,暗示其可能具有特定的性能特征或优化,如处理速度、录像质量或兼容性。 描述中的"IP通道"指的是该监控系统支持通过网络(IP)连接摄像头。这意味着它具备网络视频录像机(NVR)...

    基于智能手机用户行为习惯的App使用预测算法研究.pdf

    摘要中的内容提到了一个关键问题,即随着智能手机的普及和大量手机应用(App)的出现,用户在寻找和管理这些应用时遇到了困难,这不仅增加了时间成本,还可能导致手机运行变慢,影响用户体验。为了解决这个问题,...

    嵌入式系统/ARM技术中的波粒智能WAPA904AX86架构嵌入式网络DVR拆机实测

    但不可否认的是,嵌入式DVR功能也存在着开发与升级上的困难,例如处理性能有限(一般只能支持1-2路回放),而这些不足却在PC式DVR得以弥补,同样,PC式却存在配机繁琐,兼容性异常与不稳定因素。如何将嵌入式与PC式...

    波粒录相机客户端软件

    波泣服务器端和客户端软件1.修复播放器双击文件播放时窗口小;...5.支持IPSAN 6.修改网络->摄像机音频输入切换方式的bug 7.修改分辨率为1024*768的界面bug 8.更换解码库;解码库做了优化,提高了效率 9.更换IE插件;

    wapa:网站可访问性属性和操作草案

    基于脚本的Web可访问性抽象的这是对一组基于ARIA的用户意图事件的建议,该事件将可访问性功能扩展到复杂的脚本化Web应用程序。 它支持使用案例,在这些案例中,基于标记的解决方案已被证明是不可能,难以实施或成本...

    波粒摄像头配置

    波粒摄像头dvr配置说明,官方文档说明,请参考

    百万高清DVR监控视频采集系统8150B

    【描述】中提到的"WAPA百万高清监控系统"可能是一个品牌或特定的产品系列,该系统是安装版本,意味着它包含一套完整的软件和硬件解决方案,用户可以将其安装在兼容的计算机上运行。系统特性中强调了它可以接IP通道的...

Global site tag (gtag.js) - Google Analytics