PWA導入チェック済みのWordPressサイトについて、Androidスマホでアイコンを表示させるためにはどうすれば良いでしょうか？
-
いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。—
【質問の主旨】
ヘルプが必要なページについて、Light Houseで検査をするとPWAが使えることになっています。
ですがAndroidのスマホでヘルプが必要なページにアクセスしても、アイコンを表示させることを促す文言が表示されません。
スマホからヘルプが必要なページにアクセスしたときに、アイコンを表示させるための文言を表示させるためにはどうすれば良いでしょうか？【質問の補足】
1.
今回の質問は、Light Houseで指摘されるPWAのマニフェストとして使う情報やデータが不足している場合、どのように追加すれば良いでしょうか?という質問の関連質問です。この質問を解決済みにすることでAndroidスマホでアイコンを表示させることを促す文言を出すことに成功しています。2.
ですが、ヘルプが必要なページについて何度かLight Houseによるチェックをしていると、こちらの画像のとおり2箇所について指摘を受けました。3.
そこでヘルプが必要なページにおいて、右クリックして、[Appication] – [Service Worker]の画面を表示させ、OffLineとUp Date on Relodのチェックボックスをつけたり消したり、またはstatusのstartとstopを繰り返して、再度、Light HouseによるPWAのチェックに合格するように調整しました。現在Light Houseによる検査結果はこちらの画像の通りです。また、ヘルプが必要なページにおけるService Workerの使用状況はこちらの画像の通りです。
4.
GitHubにあるpwa-wpのページでService Workerに関する説明がされています。この内容を読むとfunctions.phpに”Here are some examples:”の下に書かれているコードを記述する必要があるようにも読めます。ただ果たして記述する必要があるのかどうか分かりません。—
以上、ご確認よろしくお願い申し上げます。
ヘルプの必要なページ: [リンクを見るにはログイン]
-
@ishitaka さん。
いつもコメントありがとうございます。
512x512px の png 画像を設定してみてはどうでしょうか？
ヘルプが必要なページの[サイト基本情報]－[サイトアイコン]を192x192pxのpng画像から512x512pxのpng画像に設定を変更しました。
ですがPWAはLight Houseの検査には合格するものの、Androidスマホにはアイコンを表示させることを促す画面を表示させることはできませんでした。
また教えていただいたGoogleの開発者向けページに加えて、追加情報として紹介されているページをを読んでみましたが、今回の質問を解決するための記述はなかったように思います。
https://developers.google.com/web/fundamentals/web-app-manifest/
https://github.com/GoogleChrome/lighthouse/issues/291
- トピック「PWA導入チェック済みのWordPressサイトについて、Androidスマホでアイコンを表示させるためにはどうすれば良いでしょうか？」には新たに返信することはできません。