PWA 清单 id 属性

Question

有谁知道我们的 PWA 清单id属性在哪里？

\n

我问的原因是它似乎没有工作，至少没有按照我预期和希望的方式工作。

\n

我的理解是你应该能够有两个这样的 URL：

\n

https://example.com/fruits/orange清单：start_url：/fruits/orange，范围：/fruits/，id：/fruits/orange

\n

https://example.com/fruits/banana清单：start_url：/fruits/banana，范围：/fruits/，id：/fruits/banana

\n

id 的值按照开发工具>应用程序>应用程序清单>计算的应用程序 ID 的建议。为了清楚起见，省略了引号。

\n

然后我认为根据https://chromestatus.com/feature/6064014410907648应该发生的是，当 Orange URL 到达浏览器并且浏览器查看其清单时，它会看到 id:fruits/orange 并显示 \xe2\x80 \x9c我不\xe2\x80\x99不知道这个PWA，让\xe2\x80\x99s询问他们是否要安装它\xe2\x80\x9d。稍后，当 Banana URL 到达浏览器并查看该清单时，它会看到 id：fruits/banana 并显示 \xe2\x80\x9c 我也不知道 \xe2\x80\x99t 知道 PWA，让 \xe2\x80\x99s询问他们是否也想安装它\xe2\x80\x9d。这样我的手机上就会出现两个图标 \xe2\x80\x93，一个代表橙色，一个代表香蕉。

\n

我实际看到的情况很大程度上取决于操作系统和浏览器：

\n

Android 10 - Chrome 103：Orange URL 完美地作为 PWA 安装。Chrome 会询问您是否要安装它，当您安装时，您的手机上会出现一个图标，并且它位于您的应用程序文件夹中\xe2\x80\x99。但是，当您提交 Banana URL 时，系统不会询问您是否要安装它。然而它确实在 PWA 中打开了 Banana。

\n

Android 10 - Edge 103、Firefox 102、Opera 70：没有安装邀请，但菜单中的“添加到手机”会为 Orange 和 Banana 安装单独的图标。当你打开它们时，它们看起来像 PWA，其中包含有关各自水果的信息，并且没有浏览器的迹象，但它们位于应用程序文件夹中的 \xe2\x80\x99t 中。不过结果是我想要的，而且比 Chrome 好得多。

\n

Windows 11 - Chrome 103、Edge 103：行为类似于 Android Chrome。

\n

Windows 11 - Firefox、Opera：Don\xe2\x80\x99t 似乎对 PWA 一无所知！

\n

坦率地说，我\xe2\x80\x99m不太关心桌面 PWA，除了 Chrome 之外的所有浏览器在手机上都运行得很好，但如果 Android Chrome 也能表现得很好，那将是非常非常好的。

\n

早在 2021 年 11 月，Chrome 96 就宣布支持 id 属性。大约在同一时间，据称 \xe2\x80\x9c 对移动设备的支持将于 2022 年上半年\xe2\x80\x9d 落地。好的，\xe2\x80\x99 才 9 月发布，但有谁知道 a) Android Chrome 中是否支持 id，以及 b) 为什么 \xe2\x80\x99t 它似乎无法在 Windows Chrome 103 中工作？

\n

或者我误解了整个概念？

\n