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

Question

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

然而，问题是 - 我正在处理的网站尚未上线。我现在正在使用localhost。但是，我真的需要在它上线之前检查它在不同分辨率上的外观。

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

我试过谷歌服务器时间，但找不到任何东西。

如果你知道，请告诉我。

提前致谢。

修改 PS：我正在使用ASP.NET MVC。

Answer 1

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

Answer 2

离线检查您的自适应网站或本地主机服务器http://helpersway.blogspot.com/2014/02/How-to-Check-Your-Responsive-Website-Offline-and-Localhost-Server.html

Answer 3

在询问问题时不确定它是否存在，但现在Chrome支持设备模式。点击此处了解更多信息：

• https://developer.chrome.com/devtools/docs/device-mode

使用它：

• 切换开发者工具（ Ctrl + Shift + I ）
• 切换设备模式（ Ctrl + Shift + M ）

它看起来像这样：

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

• 在这些之间切换然后重新加载到手机/平板电脑上显然会更快
• 您可以测试多个设备，甚至是您不拥有的设备

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