小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

開發(fā)者的小工具:App Manager簡單上手

 地圖阿甘 2014-09-14

原文作者:不來恩,原文請點(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:

  1. 打開 APP Manager,選擇 Device panel。

  2. 用ADB接上手機(jī)或是模擬器,如果不知道ADB如何操作,也可以用瀏覽器的擴(kuò)展(ADB Helper)來連接(注一),它已經(jīng)將連接和操作的命令整合在APP Manager內(nèi)。

  3. 當(dāng)手機(jī)連上之后,會出現(xiàn)手機(jī)里的內(nèi)容和軟件,如圖一的右側(cè)程序信息。

  4. 先啟動程序,點(diǎn)擊Start。

  5. 選擇要測試軟件旁邊的Debug按鈕,如圖二。

圖二:選擇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ā)生時的畫面來判斷問題所在,這時要怎么做呢?

  1. 只要手機(jī)仍然跟APP Manager連接著,按下截圖(SCREENSHOT),就可以輕松獲得手機(jī)當(dāng)時的畫面。

  2. 這個畫面會被載入到另一個Firefox窗口顯示出來,按下另存圖片即可轉(zhuǎn)存成圖片文檔,如圖五。

圖五:截圖顯示

(D) 安裝軟件:輕松的將想要測試的軟件應(yīng)用通過這個工具上傳到手機(jī)中。

  1. 準(zhǔn)備好軟件。

  2. 選擇 APP Manager 的 Apps panel。

  3. 選擇從本地安裝還是從網(wǎng)址安裝。這里我們選擇了本地來安裝,選擇所在路徑上的App后,會在APP Manager中顯示該軟件,如圖六。

圖六:要安裝的程序信息

  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

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多