使用端口轉發進行本地服務器或域 Chrome 移動調試

Question

我正在嘗試使用 Android 電話和 USB 連接設置 Chrome 移動調試。

我已經設法讓設備在chrome://inspect/#devices中可用，並且可以檢查遠程站點，例如www.google.com等。

但是，我想測試在本地服務器上運行的本地站點/應用程序，例如 http://my-local-server 等。我嘗試了端口轉發功能，但我只能訪問本地主機，不能訪問本地域。

如果沒有稍微復雜的代理/Wi-fi 設置，我能做到這一點嗎？

Answer 1

我設法找到了解決方案。

在您嘗試此操作之前，請為 Chrome 移動調試設置端口轉發並跟蹤端口。 讓我們稱它們為：

• 端口 1：設備上的監聽端口，例如 6040
• 端口 2：本地機器上的監聽端口，例如 8090

腳步：

1. 安裝Node.JS （如果你沒有的話）
2. 在您選擇的目錄中創建一個名為proxy.js的文件
3. 從此gist復制代碼內容並粘貼到proxy.js
4. 從所述目錄在終端中運行以下命令：

PORT_LISTEN=8090 PORT_TARGET=80 HOST_TARGET="my-local-server" HOST_ORIGIN="my-local-server" node proxy.js

發生的事情如下：

• Chrome 已經設置了從您的設備到localhost:8090的端口轉發設置
• 通過運行上面的代碼，您創建了一個代理服務器來偵聽端口 8090 並轉發到端口 80 上的本地服務器HOST_ORIGIN向 web 服務器指示請求的對象，即my-local-server

localhost:6040 --> localhost:8090 --> my-local-server:80 

在您的設備上，您現在應該能夠訪問http://localhost:6040並查看您的本地服務器/域站點。

Answer 2

您好，這可以通過Drony 實現。 下載說明和首次配置在此答案https://stackoverflow.com/a/75214767/13720928中。

請按照此處的進一步指示：

1. Select the.network，然后 select Filter default value -> Direct all將所有連接定向到應該請求的地方
2. 添加過濾規則。 輸入您的本地主機自定義名稱，例如mylocalsite.net 。
3. Select Action -> Allow並點擊保存
4. 在Log選項卡中打開 Drony

在開發應用程序的同時享受瀏覽。 或者在訪問本地主機和另一個 api 服務的同時開發您的應用程序。