Webアプリを iPad 上でブラウザのバーを表示しないようにする

Webアプリを iPad 上の Safari で見るとブラウザのバーが見えていてアプリっぽくない。
以下のmetaを入れて、iPadSafari から「ホーム画面に追加」を行い、そのショートカットから開く。

  <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行目は拡大縮小をできなくする。