web-dev-qa-db-ja.com

iPhoneでSafari Mobileブラウザの下部ボタンバーを非表示にする方法は？

以下はヘッドセクションです：

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="Apple-touch-fullscreen" content="yes" />
    <meta name="Apple-mobile-web-app-capable" content="yes" />
    <meta name="Apple-mobile-web-app-status-bar-style" content="black" />

    <link rel="Apple-touch-icon" href="/custom_icon.png"/>
    <link rel="Apple-touch-startup-image" href="/startup.png">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      window.top.scrollTo(0, 1);
      alert('ok');
      google.load("jquery", "1.4.1");
      google.load("jqueryui", "1.8.0");
    </script>

</head>

iOS 4.2.1を使用

上記は私のために働いていません。ブラウザのアドレスバーと下部のツールバーはまだ残っています。チュートリアルをいくつか試しましたが、何も変更できません。何か案が？

iphonehtmlcssmobile-safari
11
Awan

プログラムでMobile Safariのツールバーを非表示にすることはできません。

ユーザーがアイコンをタップしてアプリを次に起動するときにバーを非表示にするには、ユーザーがホーム画面にWebアプリを追加する必要があります。これは、ツールバーの真ん中のボタンをタップし、次にホーム画面に追加を選択して行います。これを行うようユーザーに通知するメッセージを表示する必要がある場合があります。

8
BoltClock

IOS 7.1の場合、ヘッダーでこれを設定して、UIを最小化できます。

<meta name="viewport" content="width=device-width, minimal-ui">

これはiOS 7.1ベータ2で導入されました。このサイトは、minimal-uiがどのように機能するかを理解するのに役立ちました： http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui -バグ

17
Mr. T

この小さな便利なJSプロジェクトを使用して、ユーザーがページをホーム画面に追加できるようにすることができます。 Add 2 Home

5
Jesper