如何检查我的React PWA是否已经安装在设备上(桌面/Android/IOS)以定制用户体验



我想在我的应用程序启动时添加一个条款和条件页面,但只有在第一次安装应用程序且未单击"同意"按钮时。如何检查该应用程序是否已安装在设备上?

首次安装时,您的服务工作者将触发安装事件https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/install_event

安装后,您的服务人员将激活https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/activate_event

如果获得的activate事件没有安装事件,则可以确定它已安装。

然而,从您的描述来看,您所表达的主要要求似乎是,一旦用户同意了条款和条件,就跳过显示这些条款和条件。您可以简单地将协议状态保存为localStorage这样简单的状态https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage.

我进一步建议您将条款和条件版本保存为一个状态,以备将来需要更新。您更新的应用程序将查找可接受的版本,并在需要时显示新条款。

最新更新