我想要一个安装
功能,例如本网站:
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 上安装它的方式:
- 访问您想要安装为 PWA 的单页应用。
- 在位置选项卡中,有一个
+
图标,单击它并选择安装
- 注意您的系统上正在安装的应用程序并启动它。
使用 Google Chrome 桌面版卸载
- 导航到
chrome://apps/
并右键单击应用程序图标,然后选择从 Chrome 中删除
您可以在此处阅读有关此 list 文件的更多信息:
关于javascript - 如何为 Google Chrome 构建一个插件/扩展程序,在用户桌面上创建网站的快捷方式图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61294479/