Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为Google Chrome构建插件/扩展,在用户桌面上创建网站的快捷图标_Javascript_Google Chrome_Google Chrome Extension_Desktop Shortcut_Chrome Plugins - Fatal编程技术网

Javascript 如何为Google Chrome构建插件/扩展,在用户桌面上创建网站的快捷图标

Javascript 如何为Google Chrome构建插件/扩展,在用户桌面上创建网站的快捷图标,javascript,google-chrome,google-chrome-extension,desktop-shortcut,chrome-plugins,Javascript,Google Chrome,Google Chrome Extension,Desktop Shortcut,Chrome Plugins,我想要一个安装功能,例如在本网站中: 当用户点击按钮Install,它会将插件作为“已安装”添加到chrome中,并在用户桌面上创建一个快捷图标 此功能的名称是什么?声明PWA(Progress web应用程序),以便Google Chrome检测到它并提供给访问者安装。 你必须为你的PWA写一个manifest文件,它描述你的应用程序、版本、主题颜色、应用程序图标等 清单文件如下所示: { "background_color": "orange", "description": "C

我想要一个
安装
功能,例如在本网站中:

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

此功能的名称是什么?

声明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"
}
使用谷歌Chrome桌面安装 您可以通过从浏览器安装PWA来测试PWA,这是您在Google Chrome上安装PWA的方式:

  • 访问要作为PWA安装的单页应用程序
  • 在“位置”选项卡中,有一个
    +
    图标,单击它并选择
    安装
  • 请注意系统上正在安装的应用程序,然后启动它
  • 使用Google Chrome桌面卸载
    • 导航到
      chrome://apps/
      并右键单击应用程序图标,然后选择
      从Chrome中删除
    您可以在此处阅读有关此清单文件的更多信息:


    如果您觉得我回答了问题,请接受我的回答。如果您觉得它没有回答您的问题,请更新您的问题并添加更多详细信息。