问题标签 [web-manifest]

我必须承认，我不知道什么是服务人员（TL;DR），但是在互联网上阅读之后，似乎要让 Web App Manifest 正常工作，你需要一个。

我真的需要这个额外的脚本（服务工作者）在带有 Web App Manifest 的 Android 上拥有主屏幕选项吗？

这是我的/manifest.webmanifest：

我在头部有这个

为了服务我，/manifest.webmanifest我将内容标题设置为application/manifest+json

但是 Google Dev Tools on Application -> Manifest告诉我：

我尝试为 Chrome 制作桌面 PWA。它几乎可以正常工作，但我有一个问题。

我的服务人员注册如下：

我webmanifest只包含一个start_url(no scope) 为：https://subdomain.domain.ext/app/monitoring/dashboard

当我打开我的桌面 PWA 时，它运行良好，当我导航到这样的页面时 https://subdomain.domain.ext/app/monitoring/**settings**，它也运行良好。

但是当我导航到类似的页面时https://subdomain.domain.ext/app/**marketing**/dashboard，它可以工作，但我得到了一个如下的顶部横幅。

你知道发生了什么以及如何解决它吗？谢谢

我有一个应用程序，允许您输入一些登录信息，打开一个 websocket 与后端通信。不存储此登录信息（无论如何默认情况下都不会存储）。这个应用程序是一个单页应用程序。（AngularJS，但这不重要）

该应用程序安装在主屏幕上并充当共享目标。但是，当使用共享目标时，它总是会打开应用程序的新实例（新选项卡）。这个新实例没有登录，我不能用共享链接做我想做的事。例如，将数据传递到后端。

manifest.webmanifest看起来像这样：

一页 PWA 如何在不打开多个实例的情况下充当共享目标？

我正在研究使用 PWA 的潜力，但是当我放置 manifest.webmanifest 时，它最终会进入重定向循环并导致浏览器返回“重定向错误过多”，这是唯一这样做的资源，我我正在使用相同的方法加载其他资源，例如 CSS、JS、Images、Favicon、robots.txt，但没有遇到问题

服务器使用 HTTPS 和 HTTP/2 在 localhost:8080 上运行

Chrome DevTools 控制台显示
GET https://localhost:8080/manifest.webmanifest net::ERR_TOO_MANY_REDIRECTS

清单文件本身由使用 Gorilla Mux 用 Go 编写的 Web 服务器提供服务

r.PathPrefix("/manifest.webmanifest").Handler(http.FileServer(http.Dir(os.Getenv("PUBLIC_ROOT"))))

我也尝试过使用 HandleFunc 来构造和提供清单，但这也会导致重定向循环。

如果我直接导​​航到浏览器中的清单，它会成功加载（Chrome 开发工具中没有显示任何重定向）

下面是浏览网站时 chrome 开发工具的截图

我有反应 + webpack 应用程序

我的 manifest.webmanifest

索引.html

我尝试了不同的组合，但总是在 Chorome 中出错（在本地主机上）：

行：1，列：1，语法错误；

1. manifest.webmanifest 应该在哪个文件夹中？(src, public, public/img ????) index.html 在 src 文件夹中

2. 在 index.html 的 href 中写什么？(href="manifest.webmanifest", href="./manifest.webmanifest" ???)

3. 在 manifest.webmanifest 的“start_url”中写什么？

4. 在哪里存储 favicon-16x16.png 和 favicon-32x32.png (src, public ???)

5. 在 manifest.webmanifest 的图标 src 中写什么

6. 我需要在 Webpack 的设置中写一些额外的东西吗？

我有一位客户问过这个问题，但不知道如何回答，或者这确实是一个问题。他们从 wp-admin 栏进入 Tools/Redirection/404s，发现每分钟有多次来自 /site.webmanifest 的重定向请求。绝大多数 IP 都在客户 50 英里范围内。这似乎是良性的，但我不明白发生了什么，想知道更多。谢谢！

我正在尝试向我的网站添加一个网络清单，我对它很陌生，所以我刚刚阅读了一个教程并认为我已经完成了，当我测试它时我看到错误“没有检测到匹配的服务工作者。您可能需要重新加载页面，或检查当前页面的服务工作者范围是否包含清单中的范围和起始 URL。” 这对我来说非常困惑，我搜索了互联网并找不到答案。如果你们中的任何人可以帮助我，那就太好了！

清单.网络清单：

我不知道这是否相关，但这是我参考该文档的方式：

"any" 和 "natural" 和有什么不一样？
"landscape", "landscape-primary" 和 "landscape-secondary" 和有什么不一样？
"portrait", "portrait-primary" 和 "portrait-secondary" 和有什么不一样？

我有一个网站，我正在尝试设置应用程序图标，在 Google Pixel 4、Android 11 上使用最新的 Chrome。

我可以从汉堡菜单中选择“安装应用程序”，它会使用适当的“可屏蔽”图标弹出一个提示，并适当裁剪。当我单击“安装”时，它会继续弹出一个“添加到主屏幕”对话框，使用相同的图标，但这次使用可屏蔽图标的缩小版本，而不是使用清单中指定的“任何”图标.

如何强制它使用“可屏蔽”版本？

我的清单图标是这样指定的：