徽標未出現在漸進式網頁的啓動畫面上

https://addyosmani.com/blog/getting-started-with-progressive-web-apps/

我不知道我在我的清單做錯了 - 我有一個圖標，但它沒有顯示我的啓動畫面了。

我的清單看起來是這樣的：

{ 
    "short_name": "Weather Service", 
    "name": "Weather Service", 
    "icons": [ 
    { 
     "src": "logo.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    } 
    ], 
    "start_url": "index.html", 
    "display": "standalone", 
    "orientation": "portrait", 
"background_color": "#FAFAFA", 
    "theme_color": "#512DA8" 
}

我需要超過1個圖像爲它在啓動屏幕上出現？

來源

2016-07-25 Cody Raspien

它可能有一些做與您放置圖像文件的確切路徑/目錄。路徑是否正確？ – noogui

將logo.png作爲圖標正確讀取（Web應用程序圖標 - 添加到主屏幕時），但不會顯示在啓動屏幕上。路徑是正確的。 –

您的清單上只能有一個徽標，例如： https://incredibleweb.github.io/samples/web-application-manifest/manifest.json 添加到HomeScreen後，效果很好。我建議檢查圖像路徑，大小和MIME類型。你有鏈接嗎？ –

PWA是建議在192px到送花兒給人把圖標作爲最低

如果你想確保將始終顯示圖標考慮48dp是最小圖像尺寸，我們將顯示，如果你把它當前支持的最大密度顯示（4x），然後是48 * 4 = 192px。這很幸運，因爲我們需要192像素的圖像才能添加到主屏幕上工作！好極了。因此，我建議始終將192像素作爲最小尺寸的圖標，並創建256像素，384像素和512像素的其他3個版本。但是，如果您想確保用戶沒有爲啓動屏幕下載太多數據，尤其是在低密度設備上，那麼您可以降低並且Chrome會嘗試獲取最合適的圖像。

https://developers.google.com/web/updates/2015/10/splashscreen

來源

2016-07-31 07:43:29

192x192使徽標顯示在所有手機上。出於某種原因，只有Android版手機纔會出現較低分辨率的徽標。將把192x192的標誌。謝謝。 –

徽標未出現在漸進式網頁的啓動畫面上

回答

相關問題