未为在 SPA 上创建的 PWA 调用“beforeinstallprompt”事件
[英]'beforeinstallprompt' event not called for the PWA created on a SPA
问题描述
我有一个 SPA 说https://www.example.com 。 并且可以将子页面https://www.example.com/foo添加为 PWA。 从主页导航到/foo时，manifest 和 service-worker 已正确安装和注册，并且 PWA 也可以从 A2HS 本机按钮安装，但在 chrome 上不会调用beforeinstallprompt事件。 如果页面/foo被刷新，则调用该事件。 仅当从不在 PWA 的 scope 中的另一个页面发生导航时。 灯塔审计也通过了/foo上的所有测试。 有没有人尝试在 SPA 上创建多个 PWA，或者遇到过类似的问题？
1 个解决方案
解决方案1
0 2021-03-16 13:28:25
我认为这不是一个好的解决方案，但这就是我在 Gatsby.js 网站上解决它的方法：
- 在每个页面上（即使是那些我没有“添加到主页”自定义触发器的页面），我都会监听
beforeinstallprompt事件。 - 我为具有“添加到主页”自定义触发器的页面上的
<html>元素上的自定义事件设置了一个侦听器。 - 当
beforeinstallprompt触发时，我使用 jQuery 的$.data()在<html>标记上存储对事件的引用（这不会在我的 SPA 页面之间换出） - 我无法让 vanilla JavaScriptdataset工作，但是我可能用错了，无论如何我都加载了 jQuery。 - 在
beforeinstallprompt处理程序中，设置数据后，我在<html>元素上触发自定义事件。 - 具有“添加到主页”自定义触发器的页面捕获此自定义事件，从
$( 'html ').data( 'event' )中获取对beforeinstallprompt事件的引用并照常进行。
希望这会有所帮助； 感觉很老套，但我对 PWA/SPA/React 还是很陌生！
即使在安装应用程序之后，`beforeinstallprompt` 事件也会触发
[英]`beforeinstallprompt` event is firing even after the app is installed
beforeinstallprompt 事件为源或服务工作者触发 scope
[英]beforeinstallprompt event is triggered for a origin or for a service worker scope
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.