分享

开发者的小工具:App Manager简单上手

 地图阿甘 2014-09-14

原文作者:不來恩,原文请点击这里


最近在Firefox浏览器发布了一个新工具:应用管理器(APP Manager),只要按照这篇MDN文件的步骤下载和安装 (https://developer.mozilla.org/zh-TW/docs/Mozilla/Firefox_OS/Using_the_App_Manager),就可以轻松的开始使用,这个工具可以在Firefox   OS手机和模拟器(Simulator)上去进行纠错、开发和测试等程序。

 

为什么要在这里介绍这个工具呢?理由很简单,如果你是一个刚刚开始在Firefox OS上做开发、对于程序代码纠错流程还不是很熟悉的工程师,或者是像我一样身为一名测试人员,有一些测试案例和流程是需要将测试自动化的。假如直接去看源代码,是一份吃力不讨好的工作。因为你要找的对象,例如HTML元素等可能散布在不同的文件中,这时你就需要有个好工具,可以轻松的找到所需的元素或对象,而APP Manager就是一个可以轻松胜任的工具。


所以,在这篇文章中我将先介绍一些简单但是很实用的功能,不管你是测试人员或是开发人员,都可以轻松的操作,达到你的需求:


(A) 手机上的基本资料:

当手机连上线之后,可以轻松地在 APP Manager上找到一些基本、但是重要的资料,如 B2G 版本,Gecko 版本,如图一。

图一:左上角显示了手机版本等信息,右侧是安装的程序。


(B) 找到程序中对象的 ID:

  1. 打开 APP Manager,选择 Device panel。

  2. 用ADB接上手机或是模拟器,如果不知道ADB如何操作,也可以用浏览器的扩展(ADB Helper)来连接(注一),它已经将连接和操作的命令整合在APP Manager内。

  3. 当手机连上之后,会出现手机里的内容和软件,如图一的右侧程序信息。

  4. 先启动程序,点击Start。

  5. 选择要测试软件旁边的Debug按钮,如图二。

图二:选择Debug

   6.  按完 Debug,会出现另一个工具窗口,里面有几个功能,显示了该软件的相关程序代码,详细的介绍在之后        的:E: 程序代码与手机软件对照,这里选择 Inspector。

   7.  选择左上角有个箭头指示的按钮,如图三。



图三

   8.  此时,请用鼠标或是手指点击该软件,将会看到被点的对象ID显示在工作窗口中。在这里打开Clock的程序,        选择该程序的New Alarm,此事该对象会如图四显示。


图四:显示在被打开的对象上

(C) 屏幕截取:当手机出现bug ,此时 RD 常会需要问题发生时的画面来判断问题所在,这时要怎么做呢?

  1. 只要手机仍然跟APP Manager连接着,按下截图(SCREENSHOT),就可以轻松获得手机当时的画面。

  2. 这个画面会被载入到另一个Firefox窗口显示出来,按下另存图片即可转存成图片文档,如图五。

图五:截图显示

(D) 安装软件:轻松的将想要测试的软件应用通过这个工具上传到手机中。

  1. 准备好软件。

  2. 选择 APP Manager 的 Apps panel。

  3. 选择从本地安装还是从网址安装。这里我们选择了本地来安装,选择所在路径上的App后,会在APP Manager中显示该软件,如图六。

图六:要安装的程序信息

  4.  选择「UPDATE」 ,就可以完成安装,在右下角的 Console 里可以看到安装完成,如图七。


图七: Console Window上显示已安装成功

  5. 再切回 Device panel,你可以看到这个程序显示在安装清单中。


(E)程序代码和手机软件对照:这部分对于程序开发者而言,是可以轻松的找到所需的程序代码或是协助纠错的。只要将程序启动,选择Debug,此时该程序的panel会出现在APP Manager的左边,而在该窗口上方有不同的选项供使用。这里先介绍一些常用的选项,之后会有更详细的介绍。

Console : 会有该程序的一些 log输出

Inspector : 这里会显示程序的 HTML 和一些对象的程序代码

Debugger : 可以看到对应的程序代码,也可以一步一步 追踪 。

 

这个工具才刚在2013年发布没多久,相信未来会有更多的功能被加进来,不管你是RD还是QA亦或是任何Firefox OS开发有兴趣的人,都可以从这个简单的小工具中得到不少的帮助。


註一:在此可以下载模拟器和 ADB Helper:https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/

详细的说明文件请参考MDN:https://developer.mozilla.org/zh-TW/docs/Mozilla/Firefox_OS/Using_the_App_Manager

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多