javascript - 如何为 Google Chrome 构建一个插件/扩展程序,在用户桌面上创建网站的快捷方式图标

标签 javascript google-chrome google-chrome-extension shortcut-file chrome-plugins

我想要一个安装功能,例如本网站: https://lacasadehamburguer.grandchef.com.br/?fbclid=IwAR14WN_LkR92kT8rocPFk4CqEEyAlXA4hA7Gl3SASc_eEg972RG5QckzgvM

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

这个功能怎么称呼?

最佳答案

声明 PWA(Progress Web 应用程序),以便 Google Chrome 检测到它并允许访问者安装它。

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

list 文件如下所示:

{
  "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. 在位置选项卡中,有一个 + 图标,单击它并选择安装
  3. 注意您的系统上正在安装的应用程序并启动它。

使用 Google Chrome 桌面版卸载

  • 导航到 chrome://apps/ 并右键单击应用程序图标,然后选择从 Chrome 中删除

您可以在此处阅读有关此 list 文件的更多信息:

关于javascript - 如何为 Google Chrome 构建一个插件/扩展程序,在用户桌面上创建网站的快捷方式图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61294479/

相关文章:

javascript - 输入错误后如何清除输入字段

javascript - 如何从已解决的延迟 Angularjs 中获取值(value)

javascript - 如何从文档中删除属性?

javascript - 将插件加载到网络应用程序中的安全/可靠方式

javascript - onActiveChanged 并非每次都起作用

javascript - 将分数设置到记分牌中。但记分牌会在页面刷新时重置。本地存储

javascript - 有没有办法使用javascript在浏览器中找出wifi接入点的ssid?

javascript - 如何从用户输入中获取两个位置之间的距离

api - 是否有用于访问Chrome同步数据的API?

javascript - 使用 Chrome 扩展程序中的 POST 数据创建链接