修改 Progressive Web App 背景颜色

Question

我有一个可以添加到主屏幕的渐进式 Web 应用程序。当（在移动设备上）点击主屏幕图标时，在打开实际应用程序之前会出现一个带有图标的（某种）欢迎页面。

我已在menifest.json 中将欢迎屏幕的背景颜色设置为蓝色。我需要把它变成棕色。我修改了menifest.json 文件并更新了网站。但是手机似乎已经永久缓存了它，它仍然显示为蓝色。

我已经多次刷新页面并将网络应用程序多次添加到主屏幕。但它永远不会改变。

我还更改了service-worker.js 中的缓存名称。然而没有运气！

Answer 1

1. 插入您的设备
2. 访问 chrome://inspect
3. 检查您正在为您的网站查看的设备/标签
4. 在 DevTools 中转到 Network 选项卡
5. 选择“禁用缓存”
6. 刷新您的网络应用
7. 然后尝试添加到主屏幕

如果您获得了正确的颜色，则表明您之前的清单已被缓存，您应该考虑缓存策略，或者重新查看 manifest.json 文件（即 manifest.12345.json）或设置适当的标头。

需要注意的一点：在 Android 上，一旦将图标/清单详细信息添加到主屏幕，就无法更新 - 这是一个已知问题/错误。