原文作者:不來恩,原文请点击这里。 最近在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:
图二:选择Debug 6. 按完 Debug,会出现另一个工具窗口,里面有几个功能,显示了该软件的相关程序代码,详细的介绍在之后 的:E: 程序代码与手机软件对照,这里选择 Inspector。 7. 选择左上角有个箭头指示的按钮,如图三。 图三 8. 此时,请用鼠标或是手指点击该软件,将会看到被点的对象ID显示在工作窗口中。在这里打开Clock的程序, 选择该程序的New Alarm,此事该对象会如图四显示。 图四:显示在被打开的对象上 (C) 屏幕截取:当手机出现bug ,此时 RD 常会需要问题发生时的画面来判断问题所在,这时要怎么做呢?
图五:截图显示 (D) 安装软件:轻松的将想要测试的软件应用通过这个工具上传到手机中。
图六:要安装的程序信息 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 |
|