使用端口转发进行本地服务器或域 Chrome 移动调试 步骤：

编程问答 2022-05-16

问题描述

我正在尝试使用 Android 手机和 USB 连接设置 Chrome 移动调试。

我设法让设备在 chrome://inspect/#devices 可用，并且可以检查远程站点，例如www.google.com 等

但是，我想测试在本地服务器上运行的本地站点/应用程序，例如http://my-local-server 等，我尝试了端口转发功能，但是我只能访问localhost，不能访问本地域。

如果没有 complicated Proxy/Wi-fi setup，我能做到这一点吗？

解决方法

我设法找到了解决方案。

在尝试此操作之前，setup port forwarding for Chrome mobile debugging 并跟踪端口。让我们打电话给他们：

  • 端口 1：设备上的侦听端口，例如6040
  • 端口 2：本地机器上的侦听端口，例如8090

步骤：

  1. 安装 Node.JS（如果没有）
  2. 在您选择的目录中创建一个名为 proxy.js 的文件
  3. 从the code复制this 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 向网络服务器指示请求的对象，即 {{1 }}
my-local-server

在您的设备上，您现在应该可以访问 localhost:6040 --> localhost:8090 --> my-local-server:80 并查看您的本地服务器/域站点。

androidandroidgoogle-chromemobileusb-debugging