保存至桌面

优质

小牛编辑

126浏览

2023-12-01

浏览器可以将支持 PWA 的网站保存至桌面，获得比原生应用更轻巧的体积和比 Web 应用更强大的功能。它能拥有原生 APP 应用一般的启动闪屏，也能像原生 APP 应用一样全屏展示。

当您的 Web 应用具备程序清单 - manifest.json 文件时，可通过浏览器保存至桌面。

在工程配置 build.json 中的 build-plugin-rax-pwa 添加 manifest 选项开启保存至桌面功能：

{
  "plugins": [
    [
      "build-plugin-rax-pwa",
      {
        "manifest": {
          "name": "My Progressive Web App",
          "short_name": "MyPWA",
          "description": "My awesome Progressive Web App!",
          "background_color": "#ffffff",
          "icon": "src/public/icon.png",
          "start_url": "//taobao.com",
          "display": "standalone"
        }
      }
    ]
  ]
}

您可在 manifest 中设置除 icons 以外的任何 manifest.json 参数。

Icon 设置

manifest.json 需要配置在各种环境中用作应用程序图标的图片。在 manifest 中设置 icon ，我们将为您生成 96x96，128x128， 180x180，256x256 和 512x512 尺寸的图片，兼容不同的平台设备。