透過通訊埠轉送功能存取本機伺服器和 Chrome 執行個體

Kayce Basques
Meggin Kearney
Meggin Kearney
Sofia Emelianova
Sofia Emelianova
GitHub

您可以使用轉送連接埠來執行下列操作：

  • 案例 1：在其他 Chrome 例項中開啟的分頁進行偵錯。
  • 案例 2：在開發機器的網路伺服器上代管網站，然後透過 USB 傳輸線存取 Android 裝置上的內容。

在案例 2中，通訊埠轉送功能會透過 Android 裝置上的監聽 TCP 通訊埠運作，該通訊埠會對應至開發機器上的 TCP 通訊埠。端口之間的流量會透過 Android 裝置和開發機器之間的 USB 連線傳輸，因此這項連線不受網路設定影響。

此外，如果網路伺服器使用自訂網域，您可以設定 Android 裝置，透過自訂網域對應存取該網域的內容。

設定通訊埠轉送

請根據您的情況，按照下列步驟操作。

案例 1：設定通訊埠轉送至其他 Chrome 例項

  1. 使用 --remote-debugging-port=PORT 參數執行另一個 Chrome 例項，例如：

    macOS

    open -a "Google Chrome" --args --remote-debugging-port=PORT

    Windows

    start chrome --remote-debugging-port=PORT

    Linux

    google-chrome --remote-debugging-port=PORT

  2. 在您偵錯的 Chrome 執行個體中：

    1. 開啟 chrome://inspect/#devices。
    2. 確認已勾選 核取方塊。「探索網路目標」。
    3. 按一下核取方塊旁的「設定」。

    4. 在「Target discovery settings」(目標探索設定) 中輸入 localhost:PORT，勾選 核取方塊。「Enable port forwarding」(啟用通訊埠轉送)，然後按一下「Done」。