卸载 PWA 以进行开发测试(Windows)

Posted

技术标签:

【中文标题】卸载 PWA 以进行开发测试(Windows)【英文标题】:Uninstalling PWA for development testing (windows) 【发布时间】:2018-11-09 03:18:06 【问题描述】:

我通过开发者控制台在 Windows 上安装了我的 PWA,现在无法卸载它来测试安装它。我已经尝试从 chrome 中删除 service worker,但是在我通过 windows 打开 PWA 后它只会重新注册(如果服务器已打开)。当我右键单击它并选择卸载时,它会将我带到 Windows 应用程序和功能,没有任何条目,同时它的实际快捷方式肯定只会导致 URL 中带有应用程序 ID 的 chrome。在我尝试完所有操作后尝试安装 PWA 不会再次提示我将其添加到主屏幕。

网址:makpal.now.sh 屏幕:

【问题讨论】:

要在 Chrome 操作系统上卸载 PWA,请展开启动器(以获取大图标),然后右键单击应用程序的图标并选择“从 Chrome 中删除...”。如果您没有看到该应用的图标,请在启动器中搜索其名称。 【参考方案1】:

PWA 应用程序驻留在 Chrome 的应用程序菜单 chrome://apps/ 中,并且很可能仅在不同的选项卡下(窗口底部的灰色第二个栏),您可以在其中选择删除它们的工作.

【讨论】:

澄清一下,这可以在chrome://apps/找到 谢谢,这行得通,虽然我猜这是一个 MS 错误,因为有一个删除它的选项,当前重定向到 Windows 控制面板桌面应用程序卸载菜单,其中不包含 PWA 应用程序【参考方案2】:

在桌面上删除(卸载)PWA 应用程序的简单步骤:

1) 打开 Chrome 浏览器

2) 点击 > 应用按钮

3) 右键 > 要删除的应用程序

4) 选择 > 从 Chrome 中删除... > 删除。

5) 应用消失了。 :)

在移动设备上:拖到垃圾桶。

【讨论】:

【参考方案3】:

如果您使用 chrome 安装了 PWA,则将下面的内容粘贴到 chrome URL 栏中并按 Enter:

chrome://apps

Right click 在所需的应用上,然后点击remove from chrome

【讨论】:

【参考方案4】:

在此处找到 PWA 列表。

C:\Users\username\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Chrome-Apps

您可以从那里删除它们。

【讨论】:

【参考方案5】:

如果您已经使用开发者控制台安装到 Windows 操作系统,我假设您已经使用 Chrome 菜单 ->“安装到桌面”(如果它是“添加到桌面,这意味着您的网站没有达到最低要求@ 987654321@)。

如果您以任何其他方式安装,请具体说明您使用的选项。它也与您的问题结尾相矛盾,您抱怨“安装提示”不会再次出现“添加到主屏幕”。据我所知,Windows 版 Chrome 尚不支持安装提示(我知道它适用于 android 版 Chrome)。

关于您每次访问时重新注册服务人员的另一个问题,这就是他们应该如何工作。即使您访问 PWA 站点,它们也会被注册(不需要添加到主屏幕,它仍然会注册服务工作者,并且您可以获得所有缓存优势)

您可以测试此 PWA 兼容站点的所有这些 PWA 行为 -> https://pwa.rocks/

如果您需要更清楚的说明,请将您的问题重新表述为到底发生了什么,哪些用例失败了,以及支持代码。如果该链接是公开的,那么您的网站最好为社区调试一个链接。

【讨论】:

是的,我完全是通过在 app>manifest 选项卡下的开发控制台添加到主屏幕来完成的(chrome 中没有选项)。 出于某种原因,即使对于我测试过的某些 PWA 网站 (pwabuilder.com),清单选项卡下的功能也不会添加到主屏幕。不过,这不是您的最终用户将使用的选项。检查 Chrome 菜单(请参阅答案中的屏幕截图),根据浏览器版本和您的网站 PWA 资格,您将拥有“添加到主屏幕”/“安装到主屏幕”。 您的原始问题中有多个问题。如果上面的评论/答案仍然不能解决您的问题,请分解您的问题并明确说明哪些内容无法使用屏幕截图。请记住,我们看不到您所看到的。没有提供代码/URL 来测试,甚至图像都是很多猜测工作。 添加了网址和屏幕。我忘了指出没有添加到开发控制台之外的主屏幕的选项,但我实际上不知道它会出现在哪里。 @janat08 你没有忘记这一点。您忘记提供所有关键信息..code/URL/dev 工具屏幕截图。主屏幕选项没有出现是有原因的,根据我的验证,您的网站首先没有作为 PWA 安装,因为它不符合所有 PWA 标准。但是如果你想问一个半生不熟的问题并用你自己的错误答案来解决,我就把它留在这里。祝你好运!【参考方案6】:

我找到的最有用的答案:(对于 chrome)

    打开 Chrome 并转到应用程序 右键单击要删除的 PWA 点击“从 Chrome 中删除...”

我在构建第一个 PWA 时遇到了同样的问题,然后当我使用实时服务器打开其他任何东西时,它会将我定向到我的 PWA 站点。

【讨论】:

以上是关于卸载 PWA 以进行开发测试(Windows)的主要内容,如果未能解决你的问题,请参考以下文章

Windows 7 - 无网络 - 我需要在本地伪造 UNC 路径以进行开发/测试吗?

如何快速开发Windows 桌面应用自动化脚本

热门跨平台方案对比:WEEXReact NativeFlutter和PWA

第二届中国PWA开发者日

通过硬编码开发推送服务

在 Windows 上使用哪个单元测试框架进行 C 开发? [关闭]