我正在从头开始创建一个适用于桌面和iPad的网站。会有一些UI组件，比如你可以看到的滑动面板 http://www.moneycontrol.com/tablet/
还有其他一些东西，比如Accordion，Drag drop things等等。
我需要为所有设备调用相同的html文件（只能在css或js上分离） 现在我们可以通过多种方式实现这些。在某些情况下，可以在桌面和iPad中使用相同的组件而无需修改（例如，通过jquery ui） 但是猜测有一些缺点，如性能问题。不确定这是否是唯一的。如果您知道其他任何事情，请建议，也可以来自开发方面。
另一种方法是让不同的ui组件在桌面和iPad上工作。例如。对于网站http://www.moneycontrol.com/tablet/，它使用DMZone滑动面板，它只能在iPad上工作，而不能在普通桌面浏览器上工作。所以在这种情况下，我们会使用另一个适用于桌面的组件。这是一个好方法吗？
因此我的问题是我应该采用哪种方法，从用户的角度来看，还有其他移动设备的未来开发工作？
我需要一些能够证明正确方法合理的优点。
请尽可能多地建议。我对所有想法都持开放态度。
答案 0 :(得分：0)
您正在寻找的是支持桌面客户端的移动应用程序框架。有大量的免费和商业。
其中一个非常受欢迎的是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。但是你必须进行某种黑客攻击才能在桌面上正确呈现页面。
答案 1 :(得分：0)
Sencha touch是最好的基于Web的触摸UI工具包，在我看来，它也是免费的。 http://dev.sencha.com/deploy/touch/examples/kitchensink/ 单击“用户界面”链接以查看示例。
使用Sencha touch编写的应用程序适用于iOS，Android和Blackberry。适用于所有移动操作系统的代码库。您也可以直接在safari / chrome中运行它们。