我的 PWA 仅在 Android 版 Chrome 中显示为不可安装

Question

我已经构建了一个似乎可以在桌面环境中正常工作的“PWA”。我可以毫无问题地将其安装在我的台式电脑和 Mac 上：

\n

\n

此外，还满足要求（此时[2021-05-11]）：

\n

\n

\n

PWA 构建器结果（此时为 94/100 [2021-05-11]）：

\n

\n

然而，它在我的 Android 版 Chrome 中似乎无法安装（添加到主屏幕？据我所知，这是针对非 PWAS 的）：

\n

\n

我知道这不是我的 Chrome，因为我有另一个 PWA 可以正确显示它（安装应用程序）：

\n

https://fanmixco.github.io/toastmasters-timer

\n

\n

而且它的结果更差（因为它是以前的版本并且不受支持）：

\n

\n

我的应用程序以前可以运行。唯一显着的变化是我将其添加manifest到了 部分中的 Windows 应用程序related_applications（我删除了它但不起作用）。新的变化与其性能和效率的提高有关。

\n

这是我的最新manifest文件：

\n

{\n  "dir": "ltr",\n  "lang": "da",\n  "name": "Toastmasters Timer",\n  "scope": "/toastmasters-timer-material-design/",\n  "display": "fullscreen",\n  "start_url": "https://fanmixco.github.io/toastmasters-timer-material-design/",\n  "short_name": "TM Timer",\n  "theme_color": "#ffffff",\n  "description": "It\'s a simple PWA for helping Toastmasters all over the world to have an effective and productive Timer for their meetings. It was developed with JavaScript by The Leader Ship Toastmasters in \xc5\x81\xc3\xb3d\xc5\xba, Poland.",\n  "orientation": "any",\n  "background_color": "#ffffff",\n  "related_applications": [\n    {\n      "platform": "play",\n      "url": "https://play.google.com/store/apps/details?id=tk.supernova.tmtimer.tk.supernova.tmtimer",\n      "id": "tk.supernova.tmtimer.tk.supernova.tmtimer"\n    },\n    {\n      "platform": "windows",\n      "url": "https://www.microsoft.com/en-us/p/toastmasters-timer-pro/9n9rhqms0nwg"\n    }\n  ],\n  "prefer_related_applications": true,\n  "generated": "true",\n  "icons": [\n    {\n      "src": "img/icons/windows10/Square71x71Logo.scale-400.png",\n      "sizes": "284x284"\n    },\n    {\n      "src": "img/icons/windows10/Square71x71Logo.scale-200.png",\n      "sizes": "142x142"\n    },\n    {\n      "src": "img/icons/windows10/Square71x71Logo.scale-100.png",\n      "sizes": "71x71"\n    },\n    {\n      "src": "img/icons/windows10/Square71x71Logo.scale-150.png",\n      "sizes": "107x107"\n    },\n    {\n      "src": "img/icons/windows10/Square71x71Logo.scale-125.png",\n      "sizes": "89x89"\n    },\n    {\n      "src": "img/icons/windows10/Square150x150Logo.scale-400.png",\n      "sizes": "600x600"\n    },\n    {\n      "src": "img/icons/windows10/Square150x150Logo.scale-200.png",\n      "sizes": "300x300"\n    },\n    {\n      "src": "img/icons/windows10/Square150x150Logo.scale-100.png",\n      "sizes": "150x150"\n    },\n    {\n      "src": "img/icons/windows10/Square150x150Logo.scale-150.png",\n      "sizes": "225x225"\n    },\n    {\n      "src": "img/icons/windows10/Square150x150Logo.scale-125.png",\n      "sizes": "188x188"\n    },\n    {\n      "src": "img/icons/windows10/Wide310x150Logo.scale-400.png",\n      "sizes": "1240x600"\n    },\n    {\n      "src": "img/icons/windows10/Wide310x150Logo.scale-200.png",\n      "sizes": "620x300"\n    },\n    {\n      "src": "img/icons/windows10/Wide310x150Logo.scale-100.png",\n      "sizes": "310x150"\n    },\n    {\n      "src": "img/icons/windows10/Wide310x150Logo.scale-150.png",\n      "sizes": "465x225"\n    },\n    {\n      "src": "img/icons/windows10/Wide310x150Logo.scale-125.png",\n      "sizes": "388x188"\n    },\n    {\n      "src": "img/icons/windows10/Square310x310Logo.scale-400.png",\n      "sizes": "1240x1240"\n    },\n    {\n      "src": "img/icons/windows10/Square310x310Logo.scale-200.png",\n      "sizes": "620x620"\n    },\n    {\n      "src": "img/icons/windows10/Square310x310Logo.scale-100.png",\n      "sizes": "310x310"\n    },\n    {\n      "src": "img/icons/windows10/Square310x310Logo.scale-150.png",\n      "sizes": "465x465"\n    },\n    {\n      "src": "img/icons/windows10/Square310x310Logo.scale-125.png",\n      "sizes": "388x388"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.scale-400.png",\n      "sizes": "176x176"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.scale-200.png",\n      "sizes": "88x88"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.scale-100.png",\n      "sizes": "44x44"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.scale-150.png",\n      "sizes": "66x66"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.scale-125.png",\n      "sizes": "55x55"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-256.png",\n      "sizes": "256x256"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-48.png",\n      "sizes": "48x48"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-24.png",\n      "sizes": "24x24"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-16.png",\n      "sizes": "16x16"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-256_altform-unplated.png",\n      "sizes": "256x256"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-48_altform-unplated.png",\n      "sizes": "48x48"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-24_altform-unplated.png",\n      "sizes": "24x24"\n    },\n    {\n      "src": "img/icons/windows10/Square44x44Logo.targetsize-16_altform-unplated.png",\n      "sizes": "16x16"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.scale-400.png",\n      "sizes": "200x200"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.scale-200.png",\n      "sizes": "100x100"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.scale-150.png",\n      "sizes": "75x75"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.scale-125.png",\n      "sizes": "63x63"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.scale-100.png",\n      "sizes": "50x50"\n    },\n    {\n      "src": "img/icons/windows10/StoreLogo.png",\n      "sizes": "50x50"\n    },\n    {\n      "src": "img/icons/windows10/SplashScreen.scale-400.png",\n      "sizes": "2480x1200"\n    },\n    {\n      "src": "img/icons/windows10/SplashScreen.scale-200.png",\n      "sizes": "1240x600"\n    },\n    {\n      "src": "img/icons/windows10/SplashScreen.scale-150.png",\n      "sizes": "930x450"\n    },\n    {\n      "src": "img/icons/windows10/SplashScreen.scale-125.png",\n      "sizes": "775x375"\n    },\n    {\n      "src": "img/icons/windows10/SplashScreen.scale-100.png",\n      "sizes": "620x300"\n    },\n    {\n      "src": "img/icons/windows/windows-smallsquare-24-24.png",\n      "sizes": "24x24"\n    },\n    {\n      "src": "img/icons/windows/windows-smallsquare-30-30.png",\n      "sizes": "30x30"\n    },\n    {\n      "src": "img/icons/windows/windows-smallsquare-42-42.png",\n      "sizes": "42x42"\n    },\n    {\n      "src": "img/icons/windows/windows-smallsquare-54-54.png",\n      "sizes": "54x54"\n    },\n    {\n      "src": "img/icons/windows/windows-splashscreen-1116-540.png",\n      "sizes": "1116x540"\n    },\n    {\n      "src": "img/icons/windows/windows-splashscreen-868-420.png",\n      "sizes": "868x420"\n    },\n    {\n      "src": "img/icons/windows/windows-splashscreen-620-300.png",\n      "sizes": "620x300"\n    },\n    {\n      "src": "img/icons/windows/windows-squarelogo-270-270.png",\n      "sizes": "270x270"\n    },\n    {\n      "src": "img/icons/windows/windows-squarelogo-210-210.png",\n      "sizes": "210x210"\n    },\n    {\n      "src": "img/icons/windows/windows-squarelogo-150-150.png",\n      "sizes": "150x150"\n    },\n    {\n      "src": "img/icons/windows/windows-squarelogo-120-120.png",\n      "sizes": "120x120"\n    },\n    {\n      "src": "img/icons/windows/windows-storelogo-90-90.png",\n      "sizes": "90x90"\n    },\n    {\n      "src": "img/icons/windows/windows-storelogo-70-70.png",\n      "sizes": "70x70"\n    },\n    {\n      "src": "img/icons/windows/windows-storelogo-50-50.png",\n      "sizes": "50x50"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-appicon-106-106.png",\n      "sizes": "106x106"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-appicon-62-62.png",\n      "sizes": "62x62"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-appicon-44-44.png",\n      "sizes": "44x44"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-mediumtile-360-360.png",\n      "sizes": "360x360"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-mediumtile-210-210.png",\n      "sizes": "210x210"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-mediumtile-150-150.png",\n      "sizes": "150x150"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-smalltile-170-170.png",\n      "sizes": "170x170"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-smalltile-99-99.png",\n      "sizes": "99x99"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-smalltile-71-71.png",\n      "sizes": "71x71"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-storelogo-120-120.png",\n      "sizes": "120x120"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-storelogo-70-70.png",\n      "sizes": "70x70"\n    },\n    {\n      "src": "img/icons/windows/windowsphone-storelogo-50-50.png",\n      "sizes": "50x50"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-512-512.png",\n      "sizes": "512x512",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-192-192.png",\n      "sizes": "192x192",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-144-144.png",\n      "sizes": "144x144",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-96-96.png",\n      "sizes": "96x96",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-72-72.png",\n      "sizes": "72x72",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/android/android-launchericon-48-48.png",\n      "sizes": "48x48",\n      "purpose": "any maskable"\n    },\n    {\n      "src": "img/icons/ios/ios-appicon-1024-1024.png",\n      "sizes": "1024x1024"\n    },\n    {\n      "src": "img/icons/ios/ios-appicon-180-180.png",\n      "sizes": "180x180"\n    },\n    {\n      "src": "img/icons/ios/ios-appicon-152-152.png",\n      "sizes": "152x152"\n    },\n    {\n      "src": "img/icons/ios/ios-appicon-120-120.png",\n      "sizes": "120x120"\n    },\n    {\n      "src": "img/icons/ios/ios-appicon-76-76.png",\n      "sizes": "76x76"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-750-1334.png",\n      "sizes": "750x1334"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-1334-750.png",\n      "sizes": "1334x750"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-1242-2208.png",\n      "sizes": "1242x2208"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-2208-1242.png",\n      "sizes": "2208x1242"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-640-960.png",\n      "sizes": "640x960"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-640-1136.png",\n      "sizes": "640x1136"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-1536-2048.png",\n      "sizes": "1536x2048"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-2048-1536.png",\n      "sizes": "2048x1536"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-768-1024.png",\n      "sizes": "768x1024"\n    },\n    {\n      "src": "img/icons/ios/ios-launchimage-1024-768.png",\n      "sizes": "1024x768"\n    },\n    {\n      "src": "img/icons/chrome/chrome-extensionmanagementpage-48-48.png",\n      "sizes": "48x48"\n    },\n    {\n      "src": "img/icons/chrome/chrome-favicon-16-16.png",\n      "sizes": "16x16"\n    },\n    {\n      "src": "img/icons/chrome/chrome-installprocess-128-128.png",\n      "sizes": "128x128"\n    },\n    {\n      "src": "img/icons/firefox/firefox-marketplace-512-512.png",\n      "sizes": "512x512"\n    },\n    {\n      "src": "img/icons/firefox/firefox-marketplace-128-128.png",\n      "sizes": "128x128"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-256-256.png",\n      "sizes": "256x256"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-128-128.png",\n      "sizes": "128x128"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-90-90.png",\n      "sizes": "90x90"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-64-64.png",\n      "sizes": "64x64"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-48-48.png",\n      "sizes": "48x48"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-32-32.png",\n      "sizes": "32x32"\n    },\n    {\n      "src": "img/icons/firefox/firefox-general-16-16.png",\n      "sizes": "16x16"\n    }\n  ],\n  "categories": [\n    "timer",\n    "tools",\n    "alarms",\n    "productivity",\n    "utilities"\n  ],\n  "screenshots": [\n    {\n      "src": "img/previews/preview1.webp",\n      "sizes": "1280x720",\n      "type": "image/webp"\n    },\n    {\n      "src": "img/previews/preview2.webp",\n      "sizes": "1280x720",\n      "type": "image/webp"\n    },\n    {\n      "src": "img/previews/preview3.webp",\n      "sizes": "1280x720",\n      "type": "image/webp"\n    },\n    {\n      "src": "img/previews/preview4.webp",\n      "sizes": "1280x720",\n      "type": "image/webp"\n    },\n    {\n      "src": "img/previews/preview5.webp",\n      "sizes": "1280x720",\n      "type": "image/webp"\n    }\n  ]\n}\n

\n

这是我的 GitHub 存储库：

\n

https://github.com/FANMixco/toastmasters-timer-material-design

\n

这是您可以测试它的链接：

\n

https://fanmixco.github.io/toastmasters-timer-material-design/

\n

知道我做错了什么吗？

\n

附：

\n

\n
• 我在不同的手机上进行了测试（Android 7 和 Android 10，以及最新版本的 Android Chrome，90.0.4430.210）。
\n
• 我的一个朋友也在他运行Android 10和Chrome的手机上进行了测试，他之前从未打开过该链接。他也遇到了同样的问题。
\n

\n