通过

访问本地服务器

在开发计算机 Web 服务器上托管站点，然后从 Android 设备访问内容。

通过端口转发，可以查看由 Android 设备上的开发计算机中运行的 Web 服务器托管的内容。

如果 Web 服务器使用自定义域，请将 Android 设备设置为使用自定义域映射访问该域中的内容。

使用 USB 电缆和 Microsoft Edge DevTools，从开发计算机运行站点，然后在 Android 设备上查看站点。

设置端口转发

端口转发使 Android 设备能够访问在开发计算机上运行的 Web 服务器上托管的内容。 端口转发的工作原理是，在 Android 设备上创建映射到开发计算机上的 TCP 端口的侦听 TCP 端口。

端口之间的流量通过 Android 设备和开发计算机之间的 USB 连接传输，因此连接不依赖于网络配置。

若要启用端口转发，请执行：

  1. 在开发计算机和 Android 设备之间设置 远程调试 。 完成后，Android 设备应显示在“ 检查设备 ”对话框的左侧菜单中，并显示“ 已连接 ”状态指示器。

  2. 在 DevTools 的“ 检查设备 ”对话框中，启用 端口转发。

  3. 单击“ 添加规则”。

    添加端口转发规则

  4. 在左侧的“ 设备端口 ”文本框中，输入 localhost 希望可从中访问 Android 设备上的站点的端口号。 例如，如果要从 localhost:5000 中访问站点，请输入 5000。

  5. 在右侧的“ 本地地址 ”文本框中，输入站点托管在开发计算机中运行的 Web 服务器上的 IP 地址或主机名，后跟端口号。 例如，如果站点正在运行， localhost:7331 请输入 localhost:7331。

  6. 单击“添加”。

端口转发现已设置。

可以在顶部以及设备名称旁边看到端口转发的状态指示器。 端口转发的指示器位于设备上的“ 检查设备 ”对话框中的选项卡上。

端口转发状态

若要查看内容，请在 Android 设备上打开 Microsoft Edge，然后转到 localhost 在 “设备端口 ”字段中指定的端口。 例如，如果在 字段中输入， 5000 请访问 localhost:5000。

映射到自定义本地域

使用自定义域映射，可以从开发计算机上的 Web 服务器（使用自定义域）查看 Android 设备上的内容。

例如，假设站点使用仅适用于域 microsoft-edge.devtools的第三方 JavaScript 库。 因此，请在开发计算机上的文件中创建一个条目 hosts ，以将此域映射到 localhost (例如 127.0.0.1 microsoft-edge.devtools ，) 。 设置自定义域映射和端口转发后，请在 Android 设备上通过 URL microsoft-edge.devtools查看站点。

设置到代理服务器的端口转发

若要映射自定义域，必须在开发计算机上运行代理服务器。 代理服务器的示例包括 Charles、 Squid 和 Fiddler。

设置到代理的端口转发：

  1. 运行代理服务器并记录它正在使用的端口。

    注意

    代理服务器和 Web 服务器必须在不同的端口上运行。

  2. 设置到 Android 设备的 端口转发 。 对于 “本地地址 ”字段，请输入 localhost: ，后跟运行代理服务器的端口。 例如，如果它在端口 8000上运行，请转到 localhost:8000。 在 “设备端口 ”字段中，输入希望 Android 设备侦听的数字，例如 3333。

在设备上配置代理设置

接下来，需要将 Android 设备配置为与代理服务器通信。

  1. 在 Android 设备上，导航到 “设置>Wi-Fi”。

  2. 长按当前连接到的网络的名称。

    注意

    代理设置按网络应用。

  3. 单击“ 修改网络”。

  4. 单击“ 高级选项”。 将显示代理设置。

  5. 单击“ 代理 ”菜单，然后选择“ 手动”。

  6. 对于“ 代理主机名” 字段，输入 localhost。

  7. 对于“ 代理端口 ”字段，输入在上一部分中为 设备端口 输入的端口号。

  8. 单击保存。

使用这些设置，设备将其所有请求转发到开发计算机上的代理。 代理代表设备发出请求，以便正确解决对自定义本地域的请求。

现在访问 Android 设备上的自定义域，就像在开发计算机上一样。

如果 Web 服务器正在运行非标准端口，请记得在从 Android 设备请求内容时指定端口。 例如，如果 Web 服务器在端口 7331上使用自定义域microsoft-edge.devtools，则当你从 Android 设备查看站点时，应使用 URL microsoft-edge.devtools:7331。

提示

若要恢复正常浏览，请记得在断开与开发计算机的连接后，在 Android 设备上还原代理设置。

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面 在这里 找到，由凯斯·巴斯克和梅金·卡尔尼创作。

Creative Commons 许可证 本作品根据 Creative Commons Attribution 4.0 International License 获得许可。

  • Last updated on