chrome 检查设备不显示端口

chrome inspect devices doesn't show ports

我正在尝试通过本地主机调试 android 应用程序。我设置了端口转发,它按预期工作了一段时间。几个会话后,我开始收到网络故障错误。当我检查 chrome 中的开发工具时,它显示了设备但未显示映射端口和绿色状态图标。

我尝试重新连接手机,重启手机和我的笔记本电脑,甚至尝试使用不同的手机。但结果都是一样的。

PS:我在 Android studio 中尝试了一些设置来提高 gradle 构建速度(离线工作等)然后也恢复了。

端口转发使您的 Android 设备能够访问托管在开发机器的网络服务器上的内容。端口转发的工作原理是在 Android 设备上创建一个侦听 TCP 端口,该端口映射到开发机器上的 TCP 端口。端口之间的流量通过您的 Android 设备和开发机器之间的 USB 连接传输,因此该连接不依赖于您的网络配置。

要启用端口转发: 1.Set 在您的开发机器和您的 Android 设备之间进行远程调试。完成后,您应该会在检查设备对话框的 left-hand 菜单中看到您的 Android 设备和连接状态指示器。 2.In DevTools 中的检查设备对话框,启用端口转发。 3.Click 添加规则。 enter image description here 1. 在左侧的设备端口文本字段中,输入您希望能够访问 Android 设备上的站点的本地主机端口号。例如,如果您想从 localhost:5000 访问该站点,您将输入 5000。 1. 在右侧的本地地址文本字段中,输入您的站点 运行 在您的计算机上的 IP 地址或主机名开发机器的网络服务器,后跟端口号。例如,如果您的站点是 localhost:7331 上的 运行,您将输入 localhost:7331。 1. 单击添加。

端口转发现已设置。您可以在“检查设备”对话框中的设备选项卡上看到端口转发的状态指示器。

请查看下面的 link 以获得进一步的解释。 https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server