Android Progressive Web App - インストール後もホーム画面に追加

Question

「ホーム画面に追加」バナーを表示するプログレッシブウェブアプリケーションがあります。

ホーム画面に追加するのは効果的ですが、ユーザーがホーム画面からページを起動した後も、アプリをインストールするよう促すメッセージが表示されることがあります。私が見つけたすべてのリソースは、この問題や解決方法について話していないので、私はここに投稿しています。

TL; DRホーム画面からアプリを起動しても、「ホーム画面に追加」というプロンプトが表示された状態でアプリをインストールするよう依頼されます。

Answer 1

@ Mr.Rebotの提案によれば、問題を解決するためのコードを少し作成しました。

window.addEventListener("beforeinstallprompt", (ev) => { 
    if (isStandalone()) { 
     // PWA already installed. 
     event.preventDefault(); 
     return false; 
    } else { 
     // PWA not installed. 
    } 
}); 

function isStandalone() { 
    // Check if device supports service workers 
    if (!('serviceWorker' in window.navigator)) return false; 

    // Check for Android 
    if (window.matchMedia('(display-mode: standalone)').matches) return true; 

    // Check for iOS 
    if (window.navigator["standalone"] == true) return true; 

    return false; 
}