透過 USB 為 Firefox for Android 除錯

本文將說明應如何讓 Firefox 開發者工具連上 Firefox 行動版 (Firefox for Android)。另請注意需使用 Firefox 36 或更高版本。

Firefox 開發者工具早已能連接 Firefox for Android,以利開發者針對行動版網頁進行除錯。但整個連接過程頗為複雜又容易出錯。我們從 Firefox 36 開始大幅簡化了此一程序,特別是開發者不須再直接操作 adb 工具;現只要透過 WebIDE 就能在背景處理 adb 的設定作業。

注意:本文所提及之步驟,桌機需使用 Firefox 36 或更高版本;行動裝置需使用 Firefox 35 或更高版本。如果你想使用較早期的版本,請參閱看舊版的 Firefox for Android 開發者工具連接說明

注意:本文並未使用 WebIDE 的專案管理與安裝功能。相關功能目前僅能搭配 Firefox OS 裝置。針對 Android 裝置,僅限「已載入至瀏覽器的現有網站」才能進行除錯。

本文分成:1). 「必備條件」說明僅需進行一次的步驟,以及 2). 「連接」說明每次連現時均需重複一次的步驟。

必備條件

首先必須:

  • 桌上型電腦或筆記型電腦必須執行 Firefox 36 或更高版本
  • Android 裝置必須執行 Firefox for Android 版 35 或更高版本
  • 1 組 USB 連接線可連接此兩組裝置

ADB Helper

桌面版 Firefox 上須安裝「ADB Helper」附加元件 0.7.1 或更高版本。在你首次啓用 WebIDE 時,應該即已自動安裝此一附加元件。可於瀏覽器的網址列中輸入 about:addons,就能在清單中找到 ADB 並檢查版號。

若找不到 ADB Helper 或其版本低於 0.7.1 版,則可進入 WebIDE 並從「Project」選單中找到「Manage Extra Components」,就會看到「Extra Components」視窗,其中就能看見 ADB Helper 項目:

點擊「uninstall」再一次「install」,如此應該就安裝了最新版本。

設定 Android 裝置

首先,依照本連結的 Step 2 與 3 啓用 USB 除錯功能。

接著啟動 Firefox for Android 中的遠端除錯功能。開啓瀏覽器並進入選單,點選「設定」>「開發者工具」(在某些 Android 裝置中,你可能要點選「更多」才能看見「設定」選項)。勾選「遠端除錯 (Remote debugging)」:

瀏覽器可能會提醒你設定「通訊埠轉發 (Port Forwarding)」;可忽略之。

連接

用 USB 線連接 Aodroid 裝置與電腦,進入 WebIDE 並打開「Runtimes」選單。這時應可看見「USB 裝置」中列出了 Firefox for Android 作為除錯目標:

點選之後,Android 裝置會顯示以下警示訊息:

點按「OK」,接著就能在 WebIDE 中點選「Open App」。你會看見裝置上的分頁列表:

點選分頁就可將之連上開發工具:

現在就可操作任何支援遠端除錯的 Firefox 開發者工具。詳情請參閱遠端除錯頁。

文件標籤與貢獻者

 此頁面的貢獻者: MashKao, grapherd, Sheepy, xieheihei, a0983891582
 最近更新: MashKao,