|
原文作者:不來恩,原文請點(diǎn)擊這里。 最近在Firefox瀏覽器發(fā)布了一個新工具:應(yīng)用管理器(APP Manager),只要按照這篇MDN文件的步驟下載和安裝 (https://developer.mozilla.org/zh-TW/docs/Mozilla/Firefox_OS/Using_the_App_Manager),就可以輕松的開始使用,這個工具可以在Firefox OS手機(jī)和模擬器(Simulator)上去進(jìn)行糾錯、開發(fā)和測試等程序。
為什么要在這里介紹這個工具呢?理由很簡單,如果你是一個剛剛開始在Firefox OS上做開發(fā)、對于程序代碼糾錯流程還不是很熟悉的工程師,或者是像我一樣身為一名測試人員,有一些測試案例和流程是需要將測試自動化的。假如直接去看源代碼,是一份吃力不討好的工作。因為你要找的對象,例如HTML元素等可能散布在不同的文件中,這時你就需要有個好工具,可以輕松的找到所需的元素或?qū)ο?,而APP Manager就是一個可以輕松勝任的工具。 所以,在這篇文章中我將先介紹一些簡單但是很實用的功能,不管你是測試人員或是開發(fā)人員,都可以輕松的操作,達(dá)到你的需求: (A) 手機(jī)上的基本資料: 當(dāng)手機(jī)連上線之后,可以輕松地在 APP Manager上找到一些基本、但是重要的資料,如 B2G 版本,Gecko 版本,如圖一。 圖一:左上角顯示了手機(jī)版本等信息,右側(cè)是安裝的程序。 (B) 找到程序中對象的 ID:
圖二:選擇Debug 6. 按完 Debug,會出現(xiàn)另一個工具窗口,里面有幾個功能,顯示了該軟件的相關(guān)程序代碼,詳細(xì)的介紹在之后 的:E: 程序代碼與手機(jī)軟件對照,這里選擇 Inspector。 7. 選擇左上角有個箭頭指示的按鈕,如圖三。 圖三 8. 此時,請用鼠標(biāo)或是手指點(diǎn)擊該軟件,將會看到被點(diǎn)的對象ID顯示在工作窗口中。在這里打開Clock的程序, 選擇該程序的New Alarm,此事該對象會如圖四顯示。 圖四:顯示在被打開的對象上 (C) 屏幕截?。寒?dāng)手機(jī)出現(xiàn)bug ,此時 RD 常會需要問題發(fā)生時的畫面來判斷問題所在,這時要怎么做呢?
圖五:截圖顯示 (D) 安裝軟件:輕松的將想要測試的軟件應(yīng)用通過這個工具上傳到手機(jī)中。
圖六:要安裝的程序信息 4. 選擇「UPDATE」 ,就可以完成安裝,在右下角的 Console 里可以看到安裝完成,如圖七。 圖七: Console Window上顯示已安裝成功 5. 再切回 Device panel,你可以看到這個程序顯示在安裝清單中。 (E)程序代碼和手機(jī)軟件對照:這部分對于程序開發(fā)者而言,是可以輕松的找到所需的程序代碼或是協(xié)助糾錯的。只要將程序啟動,選擇Debug,此時該程序的panel會出現(xiàn)在APP Manager的左邊,而在該窗口上方有不同的選項供使用。這里先介紹一些常用的選項,之后會有更詳細(xì)的介紹。 Console : 會有該程序的一些 log輸出 Inspector : 這里會顯示程序的 HTML 和一些對象的程序代碼 Debugger : 可以看到對應(yīng)的程序代碼,也可以一步一步 追蹤 。
這個工具才剛在2013年發(fā)布沒多久,相信未來會有更多的功能被加進(jìn)來,不管你是RD還是QA亦或是任何Firefox OS開發(fā)有興趣的人,都可以從這個簡單的小工具中得到不少的幫助。 註一:在此可以下載模擬器和 ADB Helper:https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/ 詳細(xì)的說明文件請參考MDN:https://developer.mozilla.org/zh-TW/docs/Mozilla/Firefox_OS/Using_the_App_Manager |
|
|