iphone網頁轉換

Question

我正在開發iPhone和iPod Touch的網頁。我正在使用Universal iPhone UI框架。我需要進行頁面轉換，但似乎無法使其工作。有沒有一個好的JavaScript框架，我可以使用這將使這更容易？我用jquery完成了很多正常的web開發，但它似乎並不喜歡iPhone。

Answer 1

無論您使用的是什麼框架，WebKit CSS trasitions都是CSS的擴展，並且是基於iPhone和iPhone基於Web的應用程序開發的。你可以做一些非常聰明，複雜的動畫，沒有JavaScript，只有幾行CSS。

這裏的what Google finds關於這個問題。

Answer 2

嘗試http://code.google.com/p/iui/

這是一個可愛的小JS框架，除其他事項外，這將有助於你與過渡方面。你也可以輕鬆瀏覽文檔，因爲它還會給你一些額外的選項。

Answer 3

Apple的Dashcode IDE爲iPhone提供了大量的頁面轉換模板。您應該能夠啓動一個快速項目，獲得您想要的外觀，然後將得到的HTML/CSS/Javascript導出到您最喜歡的IDE中。

唯一的問題是它只是OSX。

Answer 4

我已經深入iPhone Web應用項目深入。我們評估了iUI，但由於各種原因決定不採用。因此，我從頭開始了大部分相同的功能。雖然我不能分享實際產品中的代碼（因爲我是在NDA下），但我一直記錄着我用來做某些事情的許多技術。看看下面的鏈接：

• http://segdeha.com/e/css-transitions/
• http://segdeha.com/blog/2009/07/19/stupid-webkit-tricks

Answer 5

試試下面的框架。

• Jo
• Sencha Touch
• jQuery Mobile

這些都是服務於基於Web的移動網站，他們可以反過來被製作成應用程序的Android或iOS使用PhoneGap

爲3，Sencha是比較成熟的項目，開箱即用的東西最多。喬看起來很有希望，可能會直接與Sencha競爭。 jQuery手機非常有趣，但早期做任何生產代碼都太過粗糙了。 jQuery Mobile採用與其他方法不同的方法，因爲它基於html，並且它通過標籤上的屬性來將事物轉換爲桌面視圖或菜單。

jQuery移動更快地破解在一起，並讓你的頭，其他兩個需要更多的思考。但一旦你發現它很容易。

如果你不想通過一個網址爲網站提供服務，並且只想建立一個應用程序，那麼Appcelerator就是要走的路。您使用JS編寫代碼，併爲您製作原生Android或iOS應用程序。您將可以訪問完整的Android/iOS API。

我已經使用appcelerator進行編碼，但是我不再使用它並使用上述框架之一，可能只是現在的Sencha。我可以通過PhoneGap訪問設備本地apis，而對於更簡單的應用程序，則可以通過url爲跨設備提供良好的體驗。

Reference