progressive-web-apps - 更改 Blazor 离线 chrome 窗口样式

Question

我们能否更改托管 Blazor 离线应用程序的窗口的样式，例如更改标题栏颜色或设置图标或更改默认窗口背景颜色。

Answer 1

是的 - 在 manifest.json 中 - 请参阅 https://pwa-workshop.js.org/1-manifest/#manifest-fields

例子:

{
  "name": "myapp",
  "short_name": "myapp",
  "start_url": "./",
  "display": "standalone",
  "background_color": "#B4ECF9",
  "theme_color": "#F00BAA",
  "icons": [
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}