修改渐进式Web应用程序背景颜色

Question

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

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

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

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

Answer 1

1. 插入您的设备
2. 访问c​​hrome：// inspect
3. 检查您正在为您的网站查看的设备/标签
4. 在DevTools中，转到“网络”选项卡
5. 选择＆＃39;停用缓存＆＃39;
6. 刷新您的网络应用
7. 然后尝试添加到主屏幕

如果你得到了正确的颜色，那么这是一个很好的指标，表明你的先前的清单已被缓存，你应该考虑一个缓存策略，要么重新审视manifest.json文件（即manifest.12345.json），要么设置适当的标题。

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