我想製作一個簡單的網頁，其中的JavaScript遊戲看起來像iPhone上的應用程序。我知道我可以將書籤保存到主屏幕，看起來像一個應用程序，我知道我可以在我的HTML中設置縮略圖的apple-itouch-image。但是當你點擊主屏幕上的應用時，很明顯這只是一個網頁。我如何擺脫Google Reader頂端的網址和搜索欄？如果您稍後向上滾動，則可以看到該欄。如何使JavaScript網頁看起來像iPhone上的應用程序
單擊網頁時是否可以直接進入全屏模式？
我不是在尋找像PhoneGap這樣的東西，我只是想讓一個簡單的網頁與JavaScript看起來像一個應用程序，我不希望它實際上是一個應用程序。
你可以把一些meta標籤放在頁面的head塊中。試試這些：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
viewport設置寬度並控制縮放和縮放。
apple-mobile-web-app-capable通知蘋果iOS應用程序可以被安裝到用戶的跳板，以便它啓動的Safari移動瀏覽器，而菜單欄
apple-mobile-web-app-status-bar-style控制薄狀態欄在屏幕頂部的樣子。
另一個有用的路線是：
<link rel="apple-touch-icon-precomposed" href="myicon.png"/>
，這將給應用程序自定義圖標安裝一次。
。除了「黑色半透明」狀態欄不適用於我的iPhone 4s，它只是純黑色。我甚至在Apple的文檔中查找了正確的用法。也許該功能已停用... – 2013-03-19 18:09:07
您需要定義幾個<meta>標籤，最顯着的是apple-mobile-web-app-capable。在這裏看到一個完整的教程http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/
添加
<meta name="apple-mobile-web-app-capable" content="yes" />
然後後保存到主屏幕它應該工作。
你最好的辦法是看看我正在尋找的http://jquerymobile.com/ – 2013-03-19 16:28:13