如何在手机上离线测试我的网站外观答案

【问题标题】：how to test my website's look on phones, offline如何在手机上离线测试我的网站外观
【发布时间】：2013-05-26 19:56:06
【问题描述】：

我知道有一些很棒的网站可以帮助我们以不同的分辨率测试我们的网站，我最喜欢的网站之一是quirktools.com。

但是，问题是——我正在开发的网站还没有上线。我现在正在本地主机上工作。但是，我真的需要在它上线之前检查它在不同分辨率下的外观。

那么，是否有任何桌面应用程序可以与 localhost 一起使用并帮助我实现这一目标？

我尝试了谷歌服务器，但找不到任何东西。

如果你知道，请告诉我。

提前致谢。

编辑： PS：我使用的是 ASP.NET MVC。

【问题讨论】：

如果您的智能手机在您的局域网上，只需浏览到http://ip-of-computer/?
假设您自己有一部电话，并假设当您提到 localhost 时意味着您有一个本地服务器，那么您可以更改您的 apache 配置以允许其他本地设备访问您的站点。从那里只需使用您的手机使用本地 IP 地址访问您的本地服务器。
如果我的 iPhone 只是用它的电话线连接，这可能吗？我刚试了，页面打不开。我想我需要一些配置，对吧？
@Happy ninja 我正在研究 ASP.NET MVC。
连接网络后，您必须打开http://<Your-Machine-Name>:64922或http://ip-of-computer/而不是localhost，将本地主机替换为机器名或您计算机的ip...

【解决方案1】：

既然你说你使用的是 localhost，我猜你使用的是 xampp、wamp 等。您需要做的就是打开一个终端（*nix）/命令提示符（windows），ifconfig（*nix）/ipconfig（windows），获取IP地址，然后在wifi上将其放入您的移动浏览器。

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

不确定在提出问题时它是否存在，但现在 Chrome 支持设备模式。在这里查看更多：

使用它：

看起来像这样：

查看上面的链接，该链接提供了有关如何使用以及所有选项的含义的更多信息。在进行开发时，我发现它优于使用物理设备进行快速测试，原因有两个：

显然，它并不完美，只是一个模拟器。检查上述链接上的限制部分。当您接近上线日期时，值得在真实硬件上进行测试。

【讨论】：