目前我正在开发一个网页应用程序，我想在我的移动设备（具体来说是 Android）上对其进行测试。我需要在实际设备上运行它，仅仅使用 PC Chrome 上的模拟器进行测试是不够的。我知道如何使用 ADB 在手机上打开 URL 时查看 PC 上的运行结果，非常有帮助；但是，每次我对网页进行更改时，我仍然需要将文件上传到远程服务器，以便手机上的 Chrome 将其打开。我想知道是否有一种方法可以使用我的手机在通过 USB 连接时直接在我的 PC 上打开 HTML 文件？谢谢。
【问题讨论】：
标签： android google-chrome web-applications adb mobile-devices
答案：Chrome’s Remote Debugging
Chrome 的远程调试允许您将计算机的 Chrome 开发者工具连接到运行移动 Chrome 的 Android 设备。有了这个，您就可以完全访问适用于您的移动浏览器的 Chrome 开发者工具！
你需要什么：
您计算机上的 Chrome 浏览器 在您的 Android 设备（Android 4.0 及更高版本）上运行的 Chrome 移动设备 USB 数据线（可能还有您计算机上已安装的移动设备驱动程序）
第 1 步：使用 Chrome 查找您的移动设备
将您的移动设备连接到计算机。在您的移动设备上，转到设置 > 开发人员选项并启用 USB 调试。
没有看到开发者选项？转到设置>关于手机，然后点击内部版本号几次。您应该会收到提示，提示您“成为开发者”?的剩余点击次数。
在您的计算机上，启动 Chrome，然后启动开发人员工具 (Cmd/Ctrl + Opt/Alt + i)。在具有不同选项卡的行上，单击右侧的三个点以加载更多选项。在那里，在更多工具下，您应该找到一个名为远程设备的选项。
将您的移动设备插入计算机；这将立即引发授权提示。在您允许之前，设备将在开发工具中处于 Pending Authorization 状态。点击确定。
在您确认之前，设备将处于“等待授权”状态 该设备现已获得授权并准备就绪！ Chrome 开发者工具现在应该会列出您的设备名称和类型。
第 2 步：检查
完成设置后，您现在可以直接在计算机的 Chrome 上检查标签页！
在您的移动设备上启动 Chrome。 在您计算机上的 chrome 开发人员工具中单击您的设备名称。它应该列出您在移动设备上打开的不同选项卡。单击要调试的选项卡的检查按钮。 Chrome 应该会打开一个新窗口，左侧是您的移动浏览器标签的实时版本，右侧是您的所有常规开发者工具。
就是这样！ ?
您现在可以访问开发人员工具的所有调试功能……现在适用于您的移动设备！
【讨论】：
我发现自己也在问同样的问题，通过一些实验，我找到了一个可行的解决方案。
首先，像 Angus 的回答一样，像往常一样连接您的设备。诀窍是 Chrome 的 DevTools 的另一个功能，端口转发。进入远程设备标签，然后进入设置，然后勾选端口转发框。我将在此处为双方使用端口 8000，但您可以根据需要更改它们。点击添加规则，设备端口填写8000，本地地址填写localhost:8000。确认，您的端口转发已设置。
至于服务器，如果你只想要一个简单的目录镜像，我建议使用类似Python's SimpleHTTPServer module（Python 3 中为http.server）之类的东西，你可以像这样从目标目录运行它：
python -m SimpleHTTPServer
python3 -m http.server
服务器运行后，您可以在手机或 Chrome 中打开一个新标签页，网址为 localhost:8000，或您用于设备的任何端口。该结构下的所有文件都将可用。
阅读更多：https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server
【讨论】：