为桌面/iPad 实现 UI 组件 [关闭]

Question

我正在从头开始创建一个适用于台式机和 iPad 的网站。会有一些 UI 组件，比如滑动面板，就像你可以看到的那样 http://www.moneycontrol.com/tablet/

加上一些其他的东西，比如手风琴、拖放等等

我需要为所有设备调用相同的 html 文件（只能在 css 或 js 处进行分隔） 现在我们可以通过多种方式实现这些。在某些情况下，可以在桌面和 iPad 上使用相同的组件而无需修改（例如通过 jquery ui） 但猜想有一些缺点，比如性能问题。不确定这是否是唯一的事情。如果您知道其他任何事情，请提出建议，也可能来自开发方面。

另一种方法是让不同的 ui 组件在桌面和 iPad 上工作。例如。对于http://www.moneycontrol.com/tablet/ 站点，它使用 DMZone 滑动面板，该面板只能在 iPad 上运行，而不能在普通桌面浏览器上运行。所以在这种情况下，我们将使用另一个适用于桌面的组件。这是一个好方法吗？

因此，我的问题是我应该采用哪种方法，无论是从用户的角度来看，还是从其他移动设备的未来开发工作来看？

我需要一些能够真正证明正确方法的优点。

请尽可能多地提出建议。我对所有想法都持开放态度..

Answer 1

您正在寻找的是支持桌面客户端的移动应用程序框架。有大量的免费和商业版本。

其中一个很受欢迎的是http://www.appcelerator.com/

虽然我没有使用过它，而且我无法告诉你是否会在路上遇到死胡同（例如使用滑块），但这是你能做的最好的方法。

而且，您不仅可以使用未来的移动设备。

您可以自己研究其他框架，但 appcelerator 似乎还不错。

编辑：

似乎在移动设备上创建本地应用程序还是基于浏览器的应用程序最好是存在争议。有一些有趣的帖子：

http://www.readwriteweb.com/archives/mobile_app_or_browser-based_site.php

http://blog.caplin.com/2011/02/11/sdps-native-or-browser-based-mobile-apps/

将您的应用导出到多个设备的唯一合理方法是使用框架。另一种方法是根据访问您网站的设备创建数百个条件...

如果您想在移动设备中进行纯 HTML 交互，那么您可以使用 jQuery Mobile。但是您必须进行某种黑客攻击才能在桌面上正确呈现页面。

Answer 2

Sencha touch 是目前最好的基于 Web 的触控 UI 工具包，在我看来，它也是免费的。 http://dev.sencha.com/deploy/touch/examples/kitchensink/ 点击“用户界面”链接查看示例。

使用 Sencha touch 编写的应用程序可在 iOS、Android 和 Blackberry 上运行。适用于所有移动操作系统的代码库。您也可以直接在 safari/chrome 中运行它们。

这是他们的 API http://dev.sencha.com/deploy/touch/docs/