欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

用Chrome在手机上调试本地网页代码

程序员文章站 2022-06-02 09:48:55
...
原文翻译内容:

主机开发计算机网络服务器上的站点,然后从Android设备访问内容。

使用USB电缆和Chrome DevTools,可以运行从开发机器网站,然后查看该网站在Android设备上。

TL; DR

端口转发,您可以查看您的Android设备上从开发机器的Web服务器内容。

如果您的Web服务器使用的是自定义域,你可以设置你的Android设备在使用自定义域映射域访问内容。

设置端口转发

端口转发使您的Android设备到的正在开发计算机的Web服务器*问内容。端口转发的工作原理是建立在Android设备上映射到一个TCP端口在开发机器上监听TCP端口。端口之间的通信通过Android设备和开发计算机之间的USB连接出行,因此连接不依赖于你的网络配置。

要启用端口转发:

设置远程调试您的开发机和Android设备之间。当你完成,你应该看到的左侧菜单Android设备检查设备对话框和 连接状态指示灯。

在检查设备在DevTools对话框中,启用端口转发。

点击添加规则。

相关标签: Chrome