Webページをアプリのように表示させる

[html]
<meta name="apple-mobile-web-app-capable" content="yes" />
[/html]


このウェブページをSafariで開いて、ブックマークアイコンをタップし『ホーム画面に追加』を選択すると『ホームに追加』画面が開くので、更に『追加』をタップするとホーム画面に当該ウェブページを開くショートカットが作成される。

iPadでウェブページをアプリのようにフルスクリーンモードで表示するには、上記のようなMETAタグをHTMLのヘッダー部分に書いておけば良い。

このショートカットからウェブページを開くと、上部のアドレスバーや操作ボタンが消えてフルスクリーン表示となり、あたかもネイティブアプリのように使用することができる。

ただし、この方法を使用してもステータスバーだけは常に表示されていて消すことはできない。

みっちょ

SALON Doluce 代表。ハッカーでカウンセラー、占い師でカメラマン、その他あらゆる顔を持つ変な人。キッズプログラミング講師、パソコン修理、カウンセリングなど喜んで承ります。お気軽にお声掛けください!