在 USB 连接的 iOS 设备上查看本地开发服务器

tim*_*mbo 3 iphone mobile-safari ios safari-web-inspector

我的 OS X 开发笔记本电脑通过 USB(个人热点)连接的 iPhone 5 连接到网络。当我的开发工作在本地运行 Web 服务器时,我可以在 iPhone 上从该服务器加载页面,然后使用 Safari 的 Web Inspector 检查它们吗?我尝试过 127.0.0.1 和我连接的 IP 公共地址,但没有成功。

tim*_*mbo 7

这是可能做到的 - 只需要对通过 USB 与个人热点使用 iPhone 时的网络安排进行一些调查即可。有两个步骤:

首先,使用USB,将USB端口设置为网络接口。可以看到精确的(和技术)细节,ifconfig但您需要知道USB 接口使用的 IP 地址

转到Network Preferences并选择iPhone USB左侧的 。您将看到一条消息,例如iPhone USB 当前处于活动状态并且 IP 地址为 172.20.10.2。请注意,这不是公开可用的 IP 地址,而是 Mac 上的网络接口。这是您需要在 iPhone 上的浏览​​器中输入的 IP 地址,以查看本地开发服务器。

其次,您需要确保本地开发服务器正在为 USB 接口提供服务。这显然会根据您的服务器而有所不同,但通常会有一个HOST参数指示服务器绑定到该 IP 地址。再次使用您在上面找到的 IP 地址来指示 Web 服务器为该 IP 上的页面提供服务。