kapieciiのブログ

日々学んだことを残しておくためのブログです。このブログはGoogle Analyticsを利用しています。

iosのsafariでアドレスバーを非表示にする

iPadを展示出展用に使うために調べたのでメモです。

目次

前提条件

  • アドレスバーの表示を消したいWebページのHTMLを操作できること。

WebページのHTMLに追記

  • Webページの<head>内に下記を追記
<meta name="apple-mobile-web-app-capable" content="yes">

ios端末のホーム画面に登録

  • 対象URLにios端末のsafariからアクセス
  • safariのメニューから「ホーム画面に追加」を実行

登録したアイコンからWebページにアクセス

  • ホーム画面にある、先ほど追加したアイコンをタップ
  • アドレスバーがない状態でWebページが表示される

フルスクリーン固定&操作を制限

こちらの方法と組み合わせて使わせてもらいます。 qiita.com

kapieciiのブログについてお問い合わせがある場合、下記のフォームからご連絡をお願い致します。
お問い合わせはこちら