2013-05-26 45 views
0

我知道有一些很棒的网站可以帮助我们测试不同分辨率的网站,我最喜欢的网站是quirktools.com如何测试我的网站在手机上的外观,离线

但是,问题是 - 我正在使用的网站尚未联机。我现在正在使用localhost。不过,我真的需要检查它在不同分辨率上线前的外观。

那么,有没有任何桌面应用程序与localhost一起工作,并帮助我实现这一目标?

我试过google sever时间,但找不到任何东西。

请告诉我,如果你知道。

在此先感谢。

编辑: PS:我正在使用ASP.NET MVC。

+3

如果您的智能手机在您的局域网上,只需浏览到'http:// ip-of-computer /'? –

+0

假设你自己有一个电话,并假设当你引用localhost时,你的意思是你有一个本地服务器,那么你可以改变你的apache配置,以允许其他本地设备访问你的网站。从那里只需使用您的手机使用本地IP地址访问您的本地服务器。 – happy

+0

这是可能的,如果我的iPhone只是连接到它的电话线?我只是试过,并没有打开页面。我想我需要一些配置,对吧? – Ilham

回答

0

既然你说你正在使用localhost,我猜你正在使用xampp,wamp或类似的东西。所有你需要做的是拉起终端(* nix)/命令提示符(Windows),ifconfig(* nix)/ ipconfig(windows),获取IP地址,并将其放入手机浏览器中。

0

不知道它的存在,当有人问,但现在Chrome支持Device模式。查看更多在这里:

要使用它:

  • 切换开发人员工具(按Ctrl + +
  • 切换设备模式( Ctrl + + 中号

它看起来是这样的:

enter image description here

检查上面的链接,提供了关于如何使用和什么所有的选择意味着更多的信息。我发现它优于原因有两个做开发时,使用快速测试物理设备:

  • 这是明显快于这些,然后切换到重新加载手机/平板电脑
  • 您可以测试多台设备,甚至你没有的

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