测试一个网站为手机？

我有一个在大多数桌面浏览器中工作正常的ASP.NET MVC网站，现在我需要为移动版本创建一个版本，而我的虽然是使用CSS Media Queries，但我不知道如何测试页面在发展？有没有可以像移动浏览器一样使用的桌面应用程序？测试一个网站为手机？

2012-07-04 Ivy

你见过http://iphone4simulator.com/和http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ – Daveo

如果您只想测试针对特定视口宽度触发的媒体查询，则只需简化浏览器宽度即可。您可以在不同的媒体查询触发时观看UI更改。

您还可以使用浏览器插件来定义和设置视口分辨率。我使用Chrome的“调整窗口”。

在那里有一个Android模拟器，您可以下载并在桌面上运行，但主要用于测试设备特定功能。

当涉及到它时，测试移动网站的最佳方法是在您定位的设备上。

2012-07-04 19:43:44 Lowkase

你可以用

if (Request.Browser.IsMobileDevice == true) 
    { 
     .... 
    }

2012-07-04 19:10:14

谢谢，我确实知道这一点，我需要的是一些手机浏览器模拟器。 – Ivy

尝试测试你的网站，你可以使用Chrome，没有包含在里面一个很不错的功能。您可以更改用户代理，然后模拟Ipad，Iphone或任何智能手机的à分辨率。

这是非常有用的测试响应式设计和东西:)

好，另外，要小心这只是“模拟”它从来没有remplace一些真正的测试，但它的概念和预生产过程真好！

2012-07-04 19:13:11 Xavier

我建议3点的工具，可以帮助你：

的Adobe阴影http://labs.adobe.com/technologies/shadow：它可以让你保持同步的网站，你通过Adobe Shadow App在桌面浏览器上查看您的手机，并通过此方法在移动网站上使用Chrome的开发工具。
在Android上使用Chrome进行远程调试https://developers.google.com/chrome/mobile/docs/debugging：与Adobe Shadow类似，您可以通过chrome开发工具调试和测试您的站点。但是，您需要在ICS上运行的Android手机。
最后，如果你有Xcode - 你可以使用iPhone模拟器来查看你的网站。这是非常准确的，你没有像前两个那样得到实时调试，但是你可以在每次更新后立即测试你的站点。

2012-07-04 19:38:11

回答