ホーム画面からの全画面表示

下記の記述があるページを、「HOME画面に追加」でアイコンを作成し、そこから起動すると全画面で起動できる。

【IOSの場合】
<meta name="apple-mobile-web-app-capable" content="yes">

【Chrome for Androidの場合】

<meta name="mobile-web-app-capable" content="yes">

ウェブアプリ マニフェストを作成すると更に詳細の設定ができる。

<link rel="manifest" href="/manifest.json">

(manifest.json)

{

  "short_name": "Kinlan's Amaze App",

  "name": "Kinlan's Amazing Application ++",

  "icons": [

    {

      "src": "launcher-icon-4x.png",

      "sizes": "192x192",

      "type": "image/png"

    }

  ],

  "start_url": "/index.html",

  "display": "standalone",

  "orientation": "landscape"

}