如何在我的网站中添加添加桌面快捷方式按钮？答案

【问题标题】：How to add an add desktop shortcut button in my website?如何在我的网站中添加添加桌面快捷方式按钮？
【发布时间】：2023-04-01 19:43:01
【问题描述】：

您知道如何使用桌面快捷方式将网站保存到计算机中，对吧？您需要转到菜单，然后单击“更多工具”，然后单击“创建快捷方式”。我想为我的用户省去麻烦并添加一个做同样事情的按钮。我该怎么做？提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

您可以将您的网站转换为 PWA。 PWA 使浏览器能够提示用户将网站另存为设备上的应用程序，并直接从他们的设备上运行，而无需访问浏览器。

这将要求您在您的网站上添加 manifest.json 和 service worker 才能转换为 PWA。

为了使用户能够保存您的 PWA，您需要监听 beforeinstallprompt 事件，保存该事件，然后在单击您要触发安装的按钮时重新触发提示。

有关 PWA 和服务工作者的更多详细信息：

【讨论】：

我正在使用 github 托管我的网站。这行得通吗？我只需要添加文件吗？我将使用什么代码？
@G1blue Github 托管应该没问题。服务人员需要https URL 才能工作。你大概可以。通过上面的链接了解如何启用和服务服务人员。总之，您需要创建 2 个新文件，一个 manifest.json 和一个 serviceworker.js。从您的index.html 为他们提供服务。 Serviceworker 提供了很多功能，例如缓存、拦截网络请求等等。