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