JavaScript ゲームを使用した単純な Web ページを、iPhone のアプリのように見せたいと考えています。ブックマークをホームスクリーンに保存できることは知っています。これはアプリのように見えます。また、HTML のサムネイルに apple-itouch-image を設定できることも知っています。しかし、ホームスクリーンでアプリをクリックすると、これが単なるウェブページであることが明らかです。Google リーダーのように上部にある URL と検索バーを削除するにはどうすればよいですか? 後で上にスクロールすると、そのバーが表示されます。
Web ページをクリックしたときにフルスクリーン モードに切り替えることはできますか?
私は PhoneGap のようなものを探しているわけではありません。JavaScript を使用して単純な Web ページをアプリのように見せたいだけです。実際にアプリにしたくはありません。
ページのヘッド ブロックにいくつかのメタ タグを配置できます。これらを試してください：
<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アプリケーションをユーザーのスプリングボードにインストールできることを Apple iOS に通知し、メニュー バーなしで Safari Mobile ブラウザを起動します。
apple-mobile-web-app-status-bar-style画面上部の細いステータス バーの外観を制御します。
別の便利な行は次のとおりです。
<link rel="apple-touch-icon-precomposed" href="myicon.png"/>
インストールすると、アプリにカスタムアイコンが表示されます。
追加
<meta name="apple-mobile-web-app-capable" content="yes" />
その後、ホームスクリーンに保存された後に動作するはずです。
いくつかのタグを定義する必要があります。<meta>特にapple-mobile-web-app-capable. ここで完全なチュートリアルを参照してください http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/