删除 PWA 并重新安装答案

【问题标题】：Remove PWA and install again删除 PWA 并重新安装
【发布时间】：2020-08-16 06:50:55
【问题描述】：

我有 2 个关于 PWA 的问题。

我已经安装 PWA 很久了，半年之后我像普通应用程序一样从主屏幕上删除了它。现在我无法从我的浏览器安装它。 Chrome 不显示弹出窗口，也不触发事件“beforeinstallprompt”。我该如何解决？
当我看到 chrome 安装 PWA 弹出窗口并按下关闭按钮时，弹出窗口将永远不会再出现。怎么会？如何始终显示此弹出窗口？

我的清单：

{
"name": "Name of app",
"short_name": "Name of app",
"theme_color": "#55525d",
"background_color": "#275981",
"display": "standalone",
"start_url": "/",
"scope": "/",
"icons": [
    {
        "src": "\/android-icon-36.png",
        "sizes": "36x36",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-48.png",
        "sizes": "48x48",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-72.png",
        "sizes": "72x72",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-96.png",
        "sizes": "96x96",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-144.png",
        "sizes": "144x144",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-192.png",
        "sizes": "192x192",
        "type": "image\/png"
    },
    {
        "src": "\/android-icon-512.png",
        "sizes": "512x512",
        "type": "image\/png"
    }
]

}

PWA 一切正常。 Chrome 不会在 lightroom 中显示任何错误。

【问题讨论】：

这个问题只出现在你自己的网站上？你有没有尝试过其他你知道它有 PWA 的网站？因为我认为它来自您的浏览器
手机还是桌面？您确定您已卸载并完全清除了浏览器的缓存吗？
是的，我确定。如果我在 chrome 中按 3 个点并按“添加到主页”，则不会出现弹出窗口，我可以安装它。
如果您正在执行“添加到主页”，您可能只是将网站的快捷方式添加到您的桌面。不是 PWA。
不，我认为这是一个 PWA。因为它像独立的真实应用一样打开。

标签： progressive-web-apps

【解决方案1】：

对于问题 1，假设您使用的是 Android，当您从主屏幕上删除应用程序时，您是“删除”还是“卸载”？可能是该应用程序已被删除，但实际上仍已安装，因此不会提示您重新安装。在 Chrome 三点菜单中，是显示“Open in Your_App_Name”还是“Install”Your_App_Name？如果显示“Open in...”，还是已安装。

对于问题 2，听起来 Chrome 只是记住了您选择不安装它。 IMO 听起来每次加载都强制安装弹出窗口是一种糟糕的用户体验，尤其是在用户选择忽略它之后。清除 Chrome 应用设置中的浏览器数据会恢复它。

【讨论】：

1) 我已经卸载了它。但在那之后我可以再次安装它。只需在 chrome 中按下 3 个点并选择“添加到主页”，但弹出窗口仍然不显示... 2) 没有任何帮助:) 我认为我应该使用 chrome 提供的事件。
确实，清除浏览器数据/历史记录有效。在这里也找到了答案：stackoverflow.com/a/47544527/2471080