PWAのホーム画面に追加のポップアップを出す方法

こんにちは、ネコチャ運営者のアカネヤ(@ToshioAkaneya)です。

今回は、Google ChromeでPWAのホーム画面に追加のポップアップが出す方法を解説します。なお、本番ではこの方法は使うことはできません。開発者用の方法となります。

PWAのホーム画面に追加のポップアップを出す方法

Androidの実機と、PCのGoogle Chromeを用意します。

Androidの開発者モードを有効にして、開発者向けオプションからUSBデバッグを許可します。ケーブルでPCとつなぎます。

PCのChromeで任意のサイトを開き、開発者用ツールを開きます。

タブの右側の三つの点が縦に並んだメニューから、More tools > Remote devicesを選び、Andoird端末を指定します。

そして問題のサイトにアクセスした後に、Application > Manifestを選択して、Add to homescreenをクリックします。

すると、ポップアップが表示されるはずです。

この情報が参考になれば幸いです。

 

 

スポンサーリンク