7

我刚刚使用样式表（即@media print 等）向网站添加了打印功能，并且想知道是否可以使用类似的方法来添加对移动设备的支持。

如果没有，我如何检测移动设备？我的页面是 C# (.aspx)，我想缩小页面以便在移动设备上使用。

对我有什么建议吗？

编辑：我妻子有一台黑莓，所以至少我想启用我们公司的网站。

4

6 回答 6

7

我不确定 iPhone/iPod Touch 在请求样式表时如何声明自己，但对于大多数人来说，使用

<style type="text/css">
    @media handheld
    {
      /* handheld styles */
    }
</style>

应该做的伎俩。它的工作方式与@media print 的工作方式相同（或不这样做）。

有关媒体类型的完整列表，请参见此处。

于 2008-11-07T19:20:44.607 回答
2

移动浏览器在支持什么方面是一个真正的大杂烩，它们是否遵循您的样式的“媒体”属性等等。

我想说的目标是渐进增强（这是一系列文章之一），并确保如果浏览器只理解纯 HTML，您的内容仍然可以查看并且以正确的顺序 - 例如，您希望您的主要内容出现在之前代码中的侧边栏，因为主要内容更重要。

上面的文章中提到了一个看起来不错的资源。

于 2008-11-07T19:43:25.297 回答
2

如果其他解决方案不起作用，您可能想要使用WURFL 之类的东西，这是一个相当不错的数据库，它对设备及其用户代理了解很多。

请记住减少下载大小:)

于 2008-11-07T21:58:55.880 回答
1

你会想看看你拥有的用户代理的类型，看看它是否是移动设备。下面的代码就是一个例子：

public static bool IsMobile(string userAgent)
{
    userAgent = userAgent.ToLower();

    return userAgent.Contains("iphone") |
         userAgent.Contains("ppc") |
         userAgent.Contains("windows ce") |
         userAgent.Contains("blackberry") |
         userAgent.Contains("opera mini") |
         userAgent.Contains("mobile") |
         userAgent.Contains("palm") |
         userAgent.Contains("portable");
}

这应该在大多数情况下工作！此链接也可以帮助您获得更具体的信息。

于 2008-11-07T19:21:48.757 回答
0

完成所有这一切的最佳方式是在服务器级别进行。

使用 Web 服务来检查访问者是否是移动设备，并据此提供您的输出。在您的应用程序上使用相同的 URL 并执行相同的业务逻辑 - 只需更改应用程序的视图层。

一个不错的选择是 Wapple Architect (http://wapple.net) - 它允许您在服务器级别使用一些 Web 服务进行这些检查，然后如果它是移动设备，则执行逻辑并添加代码。

绝对值得一看。

于 2011-01-22T21:51:59.590 回答
0

看一下这个！它太酷了！http://mobstac.com/developer/

MobStac API 平台是构建和管理移动网站的最快方式！您可以访问开发人员文档和 API 密钥。

于 2013-05-03T09:13:38.040 回答