針對iPhone優化的HTML5

Question

我有一個軟件，最終將有一些報告可以通過iPhone訪問。 一旦我不願意開發iPhone應用程序，我想通過iPhone Safari瀏覽器訪問這些報告。

iPad中的GMail使用HTML 5，所以我想我也可以這樣做。

我的問題是，我在哪里可以找到一些資源來學習這樣做的最佳實踐，以及如何在PC計算機上進行測試。

謝謝

Answer 1

請看看PhoneGap ，我認為這就是你要找的。

你可以在xCode中模擬程序，但是你需要一個Apple。 對於PhoneGap也..

Answer 2

這是我給出的類似答案： iPhone / Android的獨家CSS

對於測試，您可以使用Chrome或Safari，因為它們都是webkit瀏覽器（這是iPhone使用的）。 Safari甚至可以呈現為iPhone用戶代理。

希望這可以幫助。

Answer 3

從應用程序架構的角度來看，您還應該考慮引入特定於應用程序的優化，例如：

• 簡化應用程序（僅顯示移動設備所需的內容）
• 最小化應用程序和數據大小
• 將圖像聚合為單個復合資源（精靈）
• 在CSS樣式表中包含內聯背景圖像
• 保持DOM大小合理
• 確保段落文本流
• 避免重定向