如何在Chrome浏览器中查看在本地主机上运行的网站?

我正在开发一个rails web应用程序,目前专注于移动设计,并希望查看我在Galaxy Nexus(运行Jelly Bean)上的移动Chrome浏览器中开发的html屏幕。

在我的MacBook Pro上,显然我可以运行本地服务器并通过LocalHost:3000 url在我的机器上查看该站点。 是否有可能在我的手机/ macbook pro上完成一些网络配置,以便在我的手机上运行时查看手机上的本地主机站点? 无论如何都可以利用Chrome Dev Tools吗?

例如

https://developers.google.com/chrome/mobile/docs/debugging

对于回答这个问题的人来说,+5酷点。 🙂

在Mac上打开您的网络首选项(单击顶部的wifi信号)。 找到您当前连接到的网络的IP地址。 在手机的浏览器中,输入该IP地址并在其末尾添加:3000

对于使用Rails 4.2的任何人来说,尝试通过IP地址访问可能会因为Rails的更改而失败。

使用rails server -b 0.0.0.0启动rails server -b 0.0.0.0允许您像以前一样从手机访问本地主机。