不在主頁上時不使用 PWA iPhone 圖標

Question

編輯：我刪除了我在這里的一堆解釋，因為我意識到這個問題是斷斷續續的，我以前的想法被誤導了。

問題是 iPhone 在下載 PWA 時會同時加載屏幕截圖和 web 應用程序的圖標。 最后加載的任何內容都用作圖標（競爭條件錯誤）。 我的解決方案是使圖標文件變大，這導致它總是最后加載。

以下是我嘗試使用 Apple 自己的文檔設置圖標的方法。 我將其添加到 index.html； <link rel="apple-touch-icon" sizes="180x180" href="ream4.png">也試過沒有尺寸，因為為什么不； <link rel="apple-touch-icon" href="ream4.png">

如果有人想比較，這是我的清單。

{
    "name": "Ream",
    "short_name": "Ream",
    "display": "standalone",
    "orientation": "portrait",
    "start_url": "/",
    "icons": [
        {
            "src": "assets/ream6.png",
            "sizes": "64x64 180x180",
            "type": "image/png"
        }
    ],
    "background_color": "#f8f7fa",
    "categories": ["books", "stories", "memberships"],
    "homepage_url": "https://reamstories.com"
}

當我從任何位置下載該應用程序時，它確實作為 PWA 下載，我可以很好地使用它，但除非我從應用程序的主頁創建它，否則不會下載該圖標。 我希望無論用戶身在何處都始終使用該圖標，並停止使用屏幕截圖作為圖標。

編輯：更多細節。 該問題似乎是間歇性的。 有時它使用屏幕截圖，有時它使用圖標。 我不知道為什么。 我通過關閉選項卡並重新打開幾次來對此進行測試，每次我都會嘗試再次下載 PWA。 有時它會下載圖標，有時會使用屏幕截圖。 iPhone只是垃圾代碼？

編輯（我想我明白發生了什么）：它實際上是間歇性的。 清除緩存后，圖標需要更長的時間來加載，這會導致它顯示，因為它是在生成屏幕截圖后加載的。 我想我的解決辦法是讓圖標真的很大。 所以它總是會在屏幕截圖后加載。

Answer 1

這是 Apple 豬圈代碼中的錯誤。 唯一的解決方案是使用更大的圖像，以便在截取屏幕截圖后加載圖像。

我通過將徽標圖像的大小從 180 像素增加到 980 像素來解決這個問題。 現在它每次都有效。

我想這對一家初創公司來說是意料之中的。