Maison >interface Web >tutoriel CSS >用Chrome在手机上调试本地网页代码
原文翻译内容:
主机开发计算机网络服务器上的站点,然后从Android设备访问内容。
使用USB电缆和Chrome DevTools,可以运行从开发机器网站,然后查看该网站在Android设备上。
TL; DR
端口转发,您可以查看您的Android设备上从开发机器的Web服务器内容。
如果您的Web服务器使用的是自定义域,你可以设置你的Android设备在使用自定义域映射域访问内容。
设置端口转发
端口转发使您的Android设备到的正在开发计算机的Web服务器上访问内容。端口转发的工作原理是建立在Android设备上映射到一个TCP端口在开发机器上监听TCP端口。端口之间的通信通过Android设备和开发计算机之间的USB连接出行,因此连接不依赖于你的网络配置。
要启用端口转发:
设置远程调试您的开发机和Android设备之间。当你完成,你应该看到的左侧菜单Android设备检查设备对话框和 连接状态指示灯。
在检查设备在DevTools对话框中,启用端口转发。
点击添加规则。