--- title: 應用程式管理員 (App Manager) slug: Archive/B2G_OS/Using_the_App_Manager translation_of: Archive/B2G_OS/Using_the_App_Manager ---
「應用程式管理員 (App Manager)」為 Firefox 桌面版的新工具,具備多樣的有效工具,可透過開發者的瀏覽器,直接於 Firefox OS 手機與 Firefox OS 模擬器 (Firefox OS Simulator) 中進行 HTML5 Web App 的測試、佈署、除錯等作業。
應用程式管理員適用於 Firefox OS 1.2 或更高版本。如果你正為 Firefox OS 1.1 開發 App,則請參閱《Firefox OS 1.1 Simulator》一文。
{{EmbedYouTube("z1Bxg1UJVf0")}}
應用程式管理員具備下列元件:
本段將協助開發者儘快設定並執行應用程式管理員。如果你需要進一步詳細資訊,則請略過本段文章而直接觀看下一段《裝置與系統設定》。若發生任何問題,亦可參閱本文最後一段《疑難排解》。
about:app-manager
)Settings > Screen Lock
)」並啟用「Remote Debugging (Settings > Device information > More information > Developer
)」使用應用程式管理員前的第一件事,就是必須正確設定現有的系統與手機。本段將逐步說明各個步驟。
確認裝置目前為 Firefox OS 1.2/Boot2Gecko 1.2 或更高版本。若要檢查目前 Firefox OS 版本,可點選 Settings > Device Information > Software
。
如果尚未安裝必要的 Firefox OS 版本,則根據手機型號的不同,你可能必須安裝 Firefox 1.2 或更高的 nightly 版本,或自行透過原始碼進行設定與建置 (Build)。
目前可用的建置:
若要建構自己的 Firefox OS 1.2 或更高版本,請參閱 Building and installing Firefox OS 說明,並從 Firefox OS build prerequisites 著手開始。
接著必須啟動 Firefox OS 中的遠端除錯 (Remote debugging) 功能。點選Settings > Device information > More information > Developer
,最後勾選 Remote Debugging 方塊即可。
透過 Android Debug Bridge (ADB) 處理裝置與電腦之間的連線作業。現有 2 種 ADB 執行方式:
讓 Firefox 直接處理 ADB (建議使用)。先安裝 ADB Helper 附加元件可簡化相關流程。安裝 ADB Helper 之後就不需再安裝 ADB,也不需再輸入 adb forward
指令。此附加元件將處理所有作業。
adb
(可參閱 Get the Android SDK),再於終端機內鍵入下列指令,以啟動轉發通訊埠 (Port forwarding):
adb forward tcp:6000 localfilesystem:/data/local/debugger-socket另請注意,每次只要重新啟動或重新插拔手機,均必須重複上述動作 1 次。
注意:只要安裝 ADB Helper 附加元件,就不需執行此指令。
完成所有設定之後,就可將裝置連上電腦並啟動應用程式管理員:
Settings > Screen Lock
並取消勾選 Lock Screen
,以停用裝置的螢幕鎖定功能。一旦螢幕鎖定之後,手機與電腦的連線將隨之中斷,也就無法進行除錯作業。因此最好先停用此功能。
Tools)」>「網頁開發者 (Web Developer)」>「
應用程式管理員 (App Manager)」選單;或於網址列中鍵入
about:app-manager
。另請注意,位於連線狀態列中的其他控制鈕,可讓你銜接模擬器與應用程式管理員 (將於下一段中說明),並更改連線所使用的通訊埠。若要更改通訊埠,則必須啟動該通訊埠的「轉發通訊埠 (Port forwarding)」功能。可參閱上述的啟動轉發通訊埠。
如果你手上還沒有實際的 Firefox OS 裝置可搭配 App Manager,也能透過 Firefox OS 模擬器 (Firefox OS Simulator) 附加元件體驗應用程式管理員。請先為自己的作業系統安裝合適的模擬器:
注意:目前僅有 Firefox OS 1.2 模擬器。未來將提供更多版本選擇。
安裝模擬器之後,請透過 about:app-manager 找到應用程式管理員分頁底部的連線狀態列,點選「Start simulator」按鈕。接著將出現至少 3 組按鈕:
注意:模擬器 (1.2 與 1.3 版) 目前回報 1 組錯誤的 Gecko user agent 字串:可參閱 {{ Bug("964598") }} 進一步了解。
所有要件設定完畢之後,就從「Apps」面板開始了解應用程式管理員的功能吧。先透過 Apps 面板將現有 App 送入裝置中並進行除錯:
視窗右側隨即顯示 App 的相關資訊,如下圖所示:
從 Firefox 28 開始,「Apps」面板即包含編輯器功能,可用於 App 的 manifest 檔案:
此時點選「Update」就會更新 (或安裝) 裝置上的 App。點選「Debug」則會連上工具箱,以利直接對程式碼進行除錯:
注意:你可能會玩工具箱玩到上癮 — 快試著修改 DOM、CSS 等。接著就能看到裝置即時反應出更新的效果。相關更新均將儲存於已安裝的 App 程式碼中,下次再開啟裝置中的 App 就能一目了然。
若是 Firefox 28 之前的版本,這些工具將顯示於另一個獨立視窗中。從 Firefox 28 開始,這些工具均顯示於應用程式管理員之內的獨立分頁中;就接在「Apps」與「Device」分頁之下。此分頁將顯示目前 App 的圖示,因此極容易辨識:
如果新增 App 失敗 (可能是 URL 錯誤,或選到了封裝式 App 的資料夾),則該頁仍會顯示所新增的 App 項目,也會包含錯誤資訊。
另外只要將滑鼠游標移至視窗左邊的 App 名稱/說明之上,在「X」按鈕出現時按下,即可在此畫面中刪除該 App。請注意此動作並不會刪除裝置中的 App。必須從裝置上手動移除 App,才會真正刪除裝置中的 App。
「Device」面板將顯示已連線裝置的相關資訊。另可透過「Installed Apps」視窗中開啟裝置上的 App 並進行除錯。
注意:依預設值,此處並不會顯示 Certified App。可參閱 Certified App 的除錯方式。
「Permissions」視窗將針對目前裝置上的不同 Web API,顯示必要的權限。
最後可按下「Screenshot」按鈕,即可對目前裝置的顯示項目拍下截圖。此截圖將以 Firefox 的新分頁開啟,讓你決定是否要儲存該圖。
目前僅限搭載 Firefox OS 1.2 開發版本的裝置,才能進行 Certified Apps 的除錯。若你手上的裝置正執行開發版本,則可將設定檔中的「 devtools.debugger.forbid-certified-apps
」變更為「
false
」,即可開始
Certified App 的除錯。可參閱下列步驟:
在電腦的終端/主控台上輸入下列指令,以進入裝置的 filesystem:
adb shell
接著命令列提示將轉為 root@android
。
接著以下列指令暫停執行 B2G:
stop b2g
進入以下目錄:
cd /data/b2g/mozilla/*.default/
以下列指令更改 prefs.js 檔案:
echo 'user_pref("devtools.debugger.forbid-certified-apps", false);' >> prefs.js
在完成編輯並儲存檔案之後,再以下列指令重新啟動 B2G:
start b2g
輸入 exit
指令以退出 Android 的 filesystem 之後,就會回到正常的終端畫面。
最後再次連回應用程式管理員,就能看到 Certified App 出現,即可進行除錯。
注意:如果你想把這個偏好設定加入自己的 Gaia 版本,則可執行 DEVICE_DEBUG=1 reset-gaia
只要透過 Firefox OS 模擬器,即可於應用程式管理員中執行自訂的 B2G Desktop 與 Gaia 版本。可參閱《Running custom Firefox OS/Gaia builds in the App Manager》進一步了解。
如果系統無法辨認裝置:
adb forward
指令?還是無法讓自己的裝置連上應用程式管理員或啟動模擬器嗎?快讓我們知道或到 bugzilla 回報錯誤。