Webアプリを iPad 上でブラウザのバーを表示しないようにする
Webアプリを iPad 上の Safari で見るとブラウザのバーが見えていてアプリっぽくない。
以下のmetaを入れて、iPadの Safari から「ホーム画面に追加」を行い、そのショートカットから開く。
<meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">
- 1行目はブラウザのバーを消す。
- 2行目は拡大縮小をできなくする。