【问题标题】:How to debug web sites on mobile devices when using host file?使用主机文件时如何在移动设备上调试网站?
【发布时间】:2016-07-26 18:04:01
【问题描述】:
我正在从我的 Windows PC 运行我的网站:我已经更改了 hosts 文件,现在我正在使用
127.0.0.1 mywebsite.com
我的问题是:我现在如何在我的手机上调试它?
1) chrome phone emulation 不够好:我需要它才能在真实设备上看到它。
2) chrome://inspect/#devices :我不会打开 mywebsite.com,因为它已链接到我的本地 PC
有什么建议吗?
【问题讨论】:
标签:
debugging
mobile
remote-debugging
web-inspector
【解决方案1】:
假设您使用的是 Apache,以下是一些高级步骤:
- 找出您的 PC 的 IP 地址。最好将您的路由器配置为始终将该 IP 分配给该 PC。注意(可能类似于 192.168.1.100)
- 检查 Apache 正在侦听的端口。注意(默认应为 80)
- 配置 Apache 以允许远程连接。有一些规则,或者至少有一条,说
require local,应该改为required all granted。请注意,这允许外部设备访问(部分)您的文件系统。三思而后行,授予访问权限一次。
- 将你的手机连接到你的PC所在的同一个网络。浏览到xxx.xxx.xxx.xxx:yyyyy,其中xxx.xxx.xxx.xxx是你PC的IP地址,yyyyy是你写的端口号早点下来。这是一个低于 65536 的值。所有数字的长度应等于或小于提供的占位符。
有关这些步骤的更多信息,请更新您的问题或创建一个新问题,具体取决于哪个更相关。