如何從主屏幕中移除圖標後，爲漸進式網絡應用程序帶回「添加到家」的橫幅廣告？

原因 - 我做了一個Progressive web app，在瀏覽器中打開 - 一切正常，瀏覽器讓我把它添加到主屏幕。如何從主屏幕中移除圖標後，爲漸進式網絡應用程序帶回「添加到家」的橫幅廣告？

現在，我想在演示文稿中演示這一點，因此 - 從主屏幕中刪除了圖標。但是在最後一整天，我一直在Chrome瀏覽器上玩這個網站，這個橫幅永遠不會出現。

這真的是一生一次的事嗎？還是有什麼特定的我需要做的？

另外，我想知道如何進行手動鏈接到添加到主屏幕，或者至少，我應該只是給我的網站上的任何地方提示消息（模式或不），提醒用戶「嘿，將此網站添加到您的主屏幕更好的功能！」。 – MarsAndBack

應用程序安裝橫幅提示通常在每次訪問之間訪問該站點至少兩次並至少5分鐘後顯示。使用Chrome標誌，您可以繞過這些檢查，以便在每次訪問時始終顯示橫幅：

打開Android瀏覽器在手機上，導航到https://paperplanes.world（PWA）。
用USB電纜連接到您的Android。
從桌面版Chrome DevTools，選擇菜單>更多工具>遠程設備。 ORCTRLSHIFTP（或CMDSHIFTP適用於MacOS），然後輸入「遠程設備」。
按名稱選擇您的手機。
點擊檢查按鈕旁邊的紙飛機列表項。
在新DevTools彈出的紙架，轉到應用面板，然後單擊添加到主屏幕。這應該會導致應用安裝橫幅出現在Android Chrome中。請注意，橫幅廣告不會出現在Chrome DevTools屏幕鏡像中。

（以上步驟在MacOS塞拉利昂和Android瀏覽器與Chrome的55覈實57）

2017-01-26 04:16:27 tony19

謝謝你的信息...這是非常有用的:) –

我發現了另一個解決方案 - 當我去移動版Chrome上的設置，選擇History - >Clear browsing data並點擊Clear Data按鈕 - 之後，我再次獲得app install banner將應用程序添加到主屏幕。

顯然 - 它不僅清除數據本身，而且還使瀏覽器forget所有關於此網站。

（奇怪的是 - 老圖標不下去了......所以我現在在主屏幕上幾個圖標：d ...）

2017-01-30 07:57:15

這一切都是合乎邏輯的。用戶可以刪除舊圖標。使用新的服務人員，舊圖標是否仍然有效？這是另一個問題。 – MarsAndBack

回答