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

时间:2010-03-19 19:45:51

标签: extjs device presentation-layer presentation-model

我的客户希望业务应用程序支持“每个可能的设备”。有问题的应用程序本质上是一个Web应用程序和“每个可能的设备”,我相信包括移动电话,上网本,ipad,其他浏览器支持设备等。该应用程序有点复杂w.r.t.它捕获的数据和它执行的其他功能(报告)。

如果我继续尊重应用程序中日益增加的复杂性,我想它有更多机会不能在其他设备上运行。我想知道Web应用程序如何支持常规的多个设备?是否有多个版本的表示层(很多时候我发现m.website.com专用于移动设备)?此外,如果我的应用程序是利用Java Script,RIA(Flash,SilverLight)那么后果和解决方法是什么?

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

上述答案可能具有描述性。如果那里已经有规定的东西,请分享链接。感谢。

2 个答案:

答案 0 :(得分:1)

您正在使用MVC范例吗?如果是这样,你只需为移动设备,ipads等创建一个视图。如果你没有将你的业务逻辑与演示文稿完全分开,那么你将面临更加困难的错误时间。

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

如果您使网站变得简单且可降解,那么它将会变得更加容易。 I.E.如果关闭javascript,您的网站仍然可以正常工作,并且他们正在使用LYNX进行查看。这也将减少您必须编写的设备特定代码的数量。

答案 1 :(得分:1)

卡比尔。

当客户说“每个可能的设备”时,这是一个很好的机会来推迟并定义“每个”设备的含义。我建议他选择以下层次结构:

1)第1级:使用默认或主要替代浏览器的设备的最近3年

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

智能:
iPhone /手机游猎(全部)
              Android:Chrome(全部)
              RIM Blackberry(最近3年)系列

平板电脑:iPad

2)2级:最近5年的设备+ 2阶浏览器

添加Windows XP / IE6
添加Windows + Opera
添加Palm Pre / Treos等 添加Firefox 2.0
添加iPod Touch(足够简单)
添加诺基亚Symbian - 默认浏览器

3)“每个可能的设备”

iPod触摸
添加功能手机与移动WAP浏览器(祝你好运!)