PWA(Progressive Web Apps)の設定

2017年2月23日

Progressive Web Apps

PWA の設定画面

カスタマイズの「PWA」タブで設定画面が開きます。

PWA の設定タブ

テーマカラー設定

主にモバイル用ブラウザのテーマ色の設定です。
この設定は PWA が有効化されてなくても、ブラウザ上で反映されます

テーマカラーの設定画面

↑ 上記のように色を設定すると

↓ このような見た目になります。

テーマカラー設定後のスマホ画面

PWA の設定

PWA を有効にするかどうかの設定です。
オフライン時の挙動に関する設定、アプリとしてインストールするボタンを表示するかどうかの設定などができます。

PWA の設定画面

マニフェストの設定

PWA として動作させる際のマニフェストの設定です。
PWA が有効化されてなくても、マニフェストだけ読み込める設定にもできます。

マニフェストの設定画面