1

我有一个 ASP.NET MVC 网站，在大多数桌面浏览器中运行良好，现在我需要为移动设备制作一个版本，我的想法是为此使用 CSS 媒体查询，但我不知道如何在开发过程中测试页面? 有没有可以像移动浏览器一样使用的桌面应用程序？

4

4 回答 4

0

你可以试试

if (Request.Browser.IsMobileDevice == true)
    {
        ....
    }
于 2012-07-04T19:10:14.127 回答
0

要测试您的网站，您可以使用 Chrome，其中包含一个不错的功能。您可以更改用户代理，然后模拟 Ipad、Iphone 或任何智能手机的分辨率。

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

好吧，另外，要小心它只是“模拟”，它永远不会取代一些真实的测试，但它对概念和预生产过程很有帮助！

以下是有关 chrome 更改用户代理功能的链接：http: //googlesystem.blogspot.fr/2011/12/chang-user-agent-new-google-chrome.html

于 2012-07-04T19:13:11.097 回答
0

我建议 3 个工具可以帮助您：

  1. Adobe Shadow http://labs.adobe.com/technologies/shadow：它可以让您通过 Adob​​e Shadow 应用程序将您在桌面浏览器上查看的网站同步到您的手机，您可以在手机上使用 Chrome 的开发工具通过这种方法建站。
  2. 在 Android 上使用 Chrome 进行远程调试https://developers.google.com/chrome/mobile/docs/debugging：像 Adob​​e Shadow 一样，您可以通过 chrome 开发工具调试和测试您的网站。但是，您需要一部在 ICS 上运行的 Android 手机。
  3. 最后，如果您有 Xcode - 您可以使用 iPhone 模拟器查看您的网站。它非常准确，您不会像前两个那样获得实时调试，但您可以在每次更新后即时测试您的站点。
于 2012-07-04T19:38:11.060 回答
0

如果您只想测试在某些视口宽度上触发的媒体查询，只需减小浏览器的宽度即可。您可以观察 UI 的变化，因为不同的媒体查询触发。

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

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

归根结底，测试移动网站的最佳方法是在您定位的设备上。

于 2012-07-04T19:43:44.387 回答