如何開發看起來像本機應用程序的iphone的網頁？

Question

如果你在iphone上查看一些谷歌頁面（即.mail.google.com/tasks），它們看起來很像原生的iphone應用程序。 有誰知道他們如何模仿原生應用程序的外觀，是否有資源描述如何做到這一點？

還可以從客戶端Safari瀏覽器上的javascript訪問任何iphone硬件數據（即加速計數據，gps信息）嗎？ 我想不到，但我想我還是會問。

Answer 1

本文討論如何使您的網站iPhone友好： http ： //www.hanselman.com/blog/MakeYourWebsiteMobileAndIPhoneFriendlyAddHomeScreenIPhoneIconsAndAdjustTheViewPort.aspx

為了回答你的第二個問題，我想引導你走向“Phonegap”（ http://phonegap.com/ ）這是一個開源開發工具，用於使用JavaScript構建快速，簡單的移動應用程序，並支持訪問地理位置和加速度計數據。蘋果手機。

Answer 2

Google搜索“HTML iphone”會產生大量答案。 您需要密切關注iphone的條件HTML。 這篇文章似乎涵蓋了外觀/感覺所需的大量信息： iphone-development-12-tips

我還偶然發現了一些可能有用的API： http ： //code.google.com/p/iui 。 他們有一些現場演示：

• 音樂例子
• Digg樣機