實現用於桌面/ iPad的UI組件

Question

我從頭開始創建一個適用於桌面和iPad的網站。還有要像滑動面板上的某些UI組件，例如你可以在 http://www.moneycontrol.com/tablet/

再加上一些其他的東西像手風琴，拖放的事情看，等

我需要有相同的HTML文件被調用所有設備（只能在css或js上分開） 現在我們可以通過多種方式實現這些功能。在某些情況下，可以在無需修改的情況下在桌面版和iPad上使用相同的組件（例如通過jQuery UI） 但是，猜測存在性能問題等一些缺點。不知道這是否是唯一的。如果您知道其他任何事情，請提出建議，也可能來自開發方。

另一種方法是在桌面與iPad上使用不同的UI組件。例如。對於網站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觸摸是最好的基於Web的觸摸UI工具包，在我看來，它也是免費的。http://dev.sencha.com/deploy/touch/examples/kitchensink/ 點擊'用戶界面'鏈接查看示例。

使用Sencha編寫的應用程序可以在iOS，Android和Blackberry上使用。一個用於所有移動操作系統的代碼庫。您也可以直接在safari/chrome中運行它們。

這裏是他們的API http://dev.sencha.com/deploy/touch/docs/