小编Cap*_*eer的帖子

PWA 清单 id 属性

有谁知道我们的 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 中。不过结果是我想要的,而且比 …

android google-chrome manifest progressive-web-apps

6
推荐指数
0
解决办法
560
查看次数