Question

我已经完成google documents所说的PWA的基本标准，并使用了通过https的安全连接，并注册了服务人员。我已经在Android和IOS设备上成功安装了PWA。现在我想将我的reactJS网站安装为PWA桌面，但是我无法使其成功。我错过了什么吗？

manifest.json

{
"short_name": "PWA DESKTOP",
"name": "PWA DESKTOP",
"theme_color": "#2196f3",
"background_color": "#2196f3",
"display": "standalone",
"start_url": "/",
"icons": [
 {
  "src": "images/icons/icon-72x72.png",
  "sizes": "72x72",
  "type": "image/png"
},
{
  "src": "images/icons/icon-96x96.png",
  "sizes": "96x96",
  "type": "image/png"
},
{
  "src": "images/icons/icon-128x128.png",
  "sizes": "128x128",
  "type": "image/png"
},
{
  "src": "images/icons/icon-144x144.png",
  "sizes": "144x144",
  "type": "image/png"
},
{
  "src": "images/icons/icon-152x152.png",
  "sizes": "152x152",
  "type": "image/png"
},
{
  "src": "images/icons/icon-192x192.png",
  "sizes": "192x192",
  "type": "image/png"
},
{
  "src": "images/icons/icon-384x384.png",
  "sizes": "384x384",
  "type": "image/png"
},
{
  "src": "images/icons/icon-512x512.png",
  "sizes": "512x512",
  "type": "image/png"
 }]
}

Answer 1

最后，我遇到了为什么我的PWA DESKTOP无法正常工作的问题。我已经创建了自定义服务工作程序来集成推送通知，并且在注册服务工作程序时，我覆盖了使用工作箱管理服务工作程序的create-react-app服务工作程序。

将自定义和CRA生成的服务工作者结合在一起后，即可完成工作。

Google Chrome浏览器无法在桌面系统上检测到PWA吗？

1 个答案: