0

我想Install在这个网站上有一个功能： https ://lacasadehamburguer.grandchef.com.br/?fbclid=IwAR14WN_LkR92kT8rocPFk4CqEEyAlXA4hA7Gl3SASc_eEg972RG5QckzgvM

当用户单击按钮Install时，它会将插件作为“已安装”添加到 chrome 中，并在用户桌面上创建一个快捷图标。

这个功能怎么称呼？

4

1 回答 1

1

声明 PWA（Progress Web 应用程序），以便 Google Chrome 检测到它并为访问者提供安装它。

您必须为您的 PWA 编写一个manifest文件，它描述您的应用程序、版本、主题颜色、应用程序图标等...

清单文件如下所示：

{
  "background_color": "orange",
  "description": "Cute and random little cat pictures.",
  "display": "fullscreen",
  "icons": [
    {
      "src": "icon/cat-icon.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "name": "Cute cat pictures",
  "short_name": "Cats",
  "start_url": "/pwa-examples/a2hs/index.html"
}

使用 Google Chrome 桌面安装

您可以通过从浏览器安装 PWA 来测试它，这就是您在 Google Chrome 上安装它的方式：

  1. 访问要安装为 PWA 的单页应用程序。
  2. 在位置选项卡中，有一个+图标，单击它并选择Install
  3. 请注意正在您的系统上安装的应用程序并启动它。

使用 Google Chrome 桌面卸载

  • 导航到chrome://apps/并右键单击应用程序图标并选择Remove from Chrome

您可以在此处阅读有关此清单文件的更多信息：

于 2020-04-18T18:52:39.613 回答