Maison > interface Web > tutoriel CSS > 用Chrome在手机上调试本地网页代码

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

高洛峰
Libérer: 2016-11-04 16:05:41
original
2527 Les gens l'ont consulté

原文翻译内容:

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

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

TL; DR

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

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

设置端口转发

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

要启用端口转发:

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

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

点击添加规则。



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal