如何刪除 chrome 圖標添加到主屏幕提示

Question

我正在使用 PWA 應用程序，但在添加到主屏幕提示時遇到問題。 我需要從下面的應用程序圖標中刪除 chrome 徽章。

這是我的清單。json

{
  "short_name": "App Name",
  "name": "App Name",
  "icons": [
    {
      "src": "...",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "...",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "...",
      "sizes": "64x64",
      "type": "image/png"
    }
  ],
  "start_url": "/login",
  "display": "standalone",
  "theme_color": "#ffc107",
  "background_color": "#ffffff"
}

我怎樣才能做到這一點？

Answer 1

HTTPS 對於 PWA 不是可選的

所有 HTTP 站點的菜單中都有添加到主屏幕 (A2HS) 選項
安裝這些后，它們會在圖標上添加 chrome 徽章

當 HTTPS（和有效的 PWA）時，您還應該看到 Chrome A2HS 自動提示
並且已安裝的 PWA 圖標不會添加 chrome 徽章

如果您想對此進行測試，有免費的 HTTPS 主機，例如 Glitch

我的測試