先日、オフラインキャッシュやWebプッシュ通知など、ネイティブアプリに近い体験を提供できる「PWA」をサポートする機能を追加しました。
今回PWAに必要なマニフェストファイルの項目をアップデートし、より細かな設定が可能になっています。
従来のショートネームとアイコンに追加して以下の項目の設定ができるようになりました。
- 表示タイプ：サイトを開いた際に、ブラウザのUIを表示する／しないを設定することができます。
- テーマカラー：テーマカラーは、デバイスのホーム画面からユーザーがサイトを開いた際に、ツールバーなどのUIに何色で表示するかのヒントに使われます。
- 背景色：背景色はサイトを最初に表示した際のスプラッシュスクリーンの背景色として使われます。
※テーマカラーに関しては、マニフェストファイル以外にもhead内にmeta情報として記述することが推奨されていますので、以下の記述で追加を行ってください。
<meta name="theme-color" content="<$mt:BlogThemeColor$>">
ウェブアプリ マニフェストの詳細に関しては以下ご覧ください。