移动网站设计

我刚刚使用样式表(即@media打印等)将打印function添加到网站,并想知道我是否可以使用类似的方法来添加对移动设备的支持。

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

对我有什么建议吗?

编辑:我的妻子有一个黑莓手机,所以我想为我们公司的网站启用它。

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

 

应该做的伎俩。 它以与@media print相同的方式工作(或不工作)。

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

移动浏览器在他们支持的内容方面是一个真正的大杂烩,无论他们是否遵循您的风格的“媒体”属性等。

我会说逐步增强的目标(这是一系列文章之一),并确保如果浏览器只能理解纯HTML,您的内容仍然可以按正确的顺序查看 – 例如,您希望您的主要内容出现之前代码中的侧边栏,因为主要内容更重要。

上面的文章中提到了一个体面的资源 。

您可能希望使用类似WURFL的东西,如果其他解决方案不起作用,这是一个非常好的数据库,它对设备及其用户代理有很多了解。

请记住减少下载大小:)

你想看一下你所拥有的用户代理的类型,看看它是否是一个移动设备。 以下代码就是一个例子:

 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"); } 

这应该适用于大多数情况! 此链接可能会帮助您更具体。

执行所有这些操作的最佳方法是在服务器级别执行此操作。

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

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

绝对值得一看。

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

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