如何最好地在 Web 应用程序中实现对多个设备的支持

Question

我的客户想要一个支持“所有可能的设备”的业务应用程序。有问题的应用程序本质上是一个 Web 应用程序和“所有可能的设备”，我相信包括手机、上网本、ipad、其他浏览器支持设备等。该应用程序有点复杂 w.r.t。它捕获的数据和它执行的其他功能（报告）。

如果我继续尊重应用程序日益增加的复杂性，我想它在其他设备上无法运行的可能性更大。我想知道 Web 应用程序通常如何支持多种设备？是否有多个版本的表示层（就像我多次发现 m.website.com 专门用于移动设备一样）？此外，如果我的应用程序要利用 Java Script、RIA（Flash、SilverLight），那么后果和解决方法是什么？

Mine 是一个基于 .Net 的应用程序，堆栈还包含 Ext JS Java 脚本库。虽然我肯定会使用它，但考虑到我会在 Java Script 而不是 HTML 中做很多工作，这可能是个问题。

上面的答案可以是描述性的。如果那里已经规定了一些东西，请分享链接。谢谢。

Answer 1

卡比尔。

当客户说“所有可能的设备”时，这是一个很好的机会来回击并定义“每个”设备的含义。我建议他选择以下层次结构：

1) 级别 1：过去 3 年使用默认或主要替代浏览器的设备

操作系统/浏览器：Vista/Win7：IE 7 & 8、Firefox 3.0+
Mac OSX：Safari
Vista/Win7：Chrome

智能手机：
iPhone/Mobile safari（全部）
Android：Chrome（全部）
RIM 黑莓（最近 3 年）系列

平板电脑：iPad

2) 级别 2：过去 5 年的设备 + 二级浏览器

添加 Windows XP/IE6
添加 Windows + Opera
添加 Palm Pre/Treo 等
添加 Firefox 2.0
添加 iPod Touches（很简单）
添加诺基亚 Symbian - 默认浏览器

3) “所有可能的设备”

iPod Touch
为移动设备添加带有 WAP 浏览器的功能手机（祝你好运！）

Answer 2

您使用的是 MVC 范例，对吗？如果是这样，您只需为移动设备、ipad 等创建一个视图。如果您没有将业务逻辑与演示文稿完全分离，那么您将面临更难被错误缠身的时间。

如果您计划完全支持移动设备。不要依赖“花哨的”重 ajax javascript 作为您的主要 UI 方法。为方便起见，您的 PC 视图可以包含其中的一些，但大多数手机都会窒息。

如果您使网站变得简单且可降解，那么一切都会变得更容易。 IE。如果关闭 javascript，您的网站应该仍然可以工作，并且他们正在使用 LYNX 来查看它。这也将减少您必须编写的设备特定代码的数量。