背景
MDNのホーム画面に追加のドキュメント通りにやっても、ホーム画面に追加が全然出せずにハマったので、備忘録として。
前提条件
MDNのホーム画面に追加のドキュメント通りに進めていること
発生するエラー
window.addEventListener('beforeinstallprompt', (e) => {
このコードでbeforeinstallpromptが全く発火しない。
解決方法
【3ステップではじめる】PWAによる「ホーム画面に追加」バナーの実装によると「空でも良いので、fetchイベントを追加する」が必要とのこと。
self.addEventListener('fetch', function(event) {
});
これでホーム画面に追加が動くのだが、なぜそのような仕組みになっているのか...。
なおfetchイベントを追加せずにキャッシュの指定をしても動きます。
Workboxでprecacheを使用してもホーム画面に追加が任意のタイミングでだせましが、仕組みがよくわかりません...