浏览器关闭时如何唤醒服务人员

2024-01-24

我正在玩服务人员的东西。 我已经做了它以及清单 json。 我想在以下场景后触发服务工作人员启动:

添加了推送集成并从服务器端发送推送通知。在客户端收到它,但前提是我在我的申请页面中。

以下是我想要尝试启动 Service Worker 的步骤:

  1. 我第一次打开网页
  2. 服务 - Worker 已安装
  3. 我完全关闭浏览器
  4. 我重新打开浏览器
  5. 现在我需要触发 Service -Worker start - 如何?

我想知道我可以使用什么或者需要在我的 Service Worker js 或清单 json 中添加什么来使这种情况成为可能。


你不能启动服务工作者就这样。

Service Worker 由浏览器处理,并在发生匹配事件时启动。 Web 推送通知就是这样的事件之一。如果用户已同意接收来自 Web 应用程序后端服务器的通知,则即使用户不在您的网站上,推送通知也会通过 Service Worker 向用户显示。

但是,您不能“仅启动”Service Worker 并让它在浏览器打开时执行某些操作而不访问您的页面。

我强烈建议您阅读有关推送通知的 Google 网络基础知识系列:https://developers.google.com/web/fundamentals/push-notifications https://developers.google.com/web/fundamentals/push-notifications

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

浏览器关闭时如何唤醒服务人员 的相关文章

  • Service Worker 在浏览器离线时保存表单数据

    我是 Service Workers 的新手 并且已经浏览了各种文档 Google https developers google com web fundamentals getting started primers service w
  • Create-React-App 中的启动屏幕

    我正在使用 create react app 来设计 PWA 应用程序提供的默认启动屏幕是一个图标 位于屏幕中间 以及该图标下方的应用程序名称 图标和名称必须在清单文件中提供 问题 有没有什么方法可以自定义启动画面而不是使用默认的启动画面
  • Chrome 扩展 - 如何使用清单 v3 访问本地 file://

    我有一个 Chrome 扩展程序 可以 如果您允许访问文件 URL 抓取您在 Chrome 中打开的本地 pdf 文件 并将其发送到我们的 API 进行处理 这是通过获取 pdf 来完成的XMLHttpRequest to file Use
  • PWA:重定向到子域时显示地址栏

    我有一个有时使用子域的 PWA 当应用程序重定向到另一个子域时 我发现出现问题 地址栏显示 这会影响类似应用程序的体验 有人知道使用子域时隐藏地址栏的解决方案吗 重定向到子域时我也遇到了类似的问题 当 PWA 未正确设置为像应用程序一样运行
  • 向请求添加新标头,同时保留正文

    我正在为我的公司建立一个内部使用的 PWA 我应该使用什么方法将不记名令牌附加到来自 dom 或 web worker 的所有请求 我在发布时使用的这种方法可以按预期工作form or json但我想要一种更干净或更友好的方法 因为我不相信
  • 通过 VPN 在 Android 上创建 WebAPK 失败

    我的公司 VPN 阻止来自 Android 设备的所有外部流量 我正在尝试测试内部托管的 PWA 防火墙内的所有资源 我观察到 尽管通过了 Lighthouse 审核 但我的 PWA 在设备上的 WebAPK 创建过程中失败了 具体来说 安
  • Service Worker 即时声明页面的最佳实践

    由于应用程序和用户体验的性质 我目前设置了一名服务工作人员来立即认领该页面 由于此应用程序是从 AppCache 转换过来的 AppCache 为每个用户创建了一个动态清单文件 因此我发现最好的方法是将此清单文件解析为 JSON 数组并将其
  • 渐进式 Web 应用程序:离线缓存在 Android 上不起作用,但在 Chrome 开发工具上起作用

    我有一个简单的 PWA 可以在网上正常运行 我还在 Chrome 开发工具中测试了离线行为 并且 Service Worker 正在完美地完成其工作 但是 当我从 Android 手机运行该应用程序时 它无法离线工作 因为离线时缓存存储不再
  • 在没有窗口引用的选项卡 dom 之间进行通信[重复]

    这个问题在这里已经有答案了 我使用以下命令打开包含一些页面内容的新选项卡 在新进程中 var p document getElementById myElement var a document createElement a a setA
  • 渐进式 Web 应用程序 - 不尊重屏幕方向

    我的网络应用程序不遵循我的设置中的方向manifest json manifest version 2 version 1 name My App short name My App icons src img myapp launcher
  • HammerJS 滑动不适用于具有溢出 css 属性的元素

    EDIT 该片段在嵌入问题时工作正常 但在编辑时则不然 这让我意识到这与可以滚动的底层容器有关 我在手机上测试了这一点 锤子在没有滚动条的小区域上工作得很好overflow财产 我更新了代码片段以反映这一点 问题是 如何让它在需要垂直滚动的
  • 如何编辑 Angular CLI 项目的 Service Worker 文件

    我已经添加了 angular pwa使用以下命令打包到我的 Angular CLI 项目ng add angular pwa project project name 所以它变成了一个渐进式 Web 应用程序 这增加了我认识的服务人员 我想
  • Service Worker 注册时出错

    我正在尝试注册服务工作者 但出现以下错误 注册ServiceWorker失败 当前的URL协议 不支持原点 null 我在 localhost 下使用 Node js 我有我的索引 html and service worker js在同一
  • TWA - 数字资产链接正常,但地址栏仍然可见

    我开发了一个渐进式 Web 应用程序 我想将其作为可信 Web 活动在 Play 商店中发布 它是https www bagnoadriatico it https www bagnoadriatico it 遵循本指南https deve
  • PushManager订阅承诺从不履行也不拒绝

    我目前遇到一些 Chrome Chromium 版本的问题 其中PushManager subscribe来自 ServiceWorker 的承诺保持待处理状态 代码本身非常简单 return serviceWorkerRegistrati
  • 在 Web Worker 或 Service Worker 中运行 WebSocket - javascript

    我有来自不同站点的 9 个 websocket 连接 用于使用数据更新 DOM 目前 我正在连接所有网络套接字并监听所有网络套接字 并通过函数调用更新数据 我面临的问题是有很多 websocket 连接 并且存在内存和 CPU 使用问题 如
  • Angular Service Worker,缓存离线应用程序的 api 调用

    我正在尝试让服务工作者以角度方式处理 API 请求 我希望该应用程序能够离线工作 并且我有以下配置 name api urls https x com cacheConfig strategy performance maxSize 20
  • Cloudflare Worker 缓存 API 出现问题

    我现在花了无数的时间尝试让缓存 API 来缓存一个简单的请求 我让它在中间工作过一次 但忘记向缓存键添加一些内容 现在它不再工作了 不用说 cache put 没有指定请求是否实际被缓存的返回值并不完全有帮助 我只能进行反复试验 有人可以给
  • 打开 Chrome 扩展程序时出现 Service Worker TypeError

    当我打开 WAVE Web 可访问性评估工具 扩展时 我的服务工作人员在 Chrome 中抛出此错误 未捕获 承诺中 类型错误 请求方案 chrome extension 是 不支持的 在 sw js 52 匿名 sw js 52 Prom
  • 如何使用 Laravel Mix 和 WorkBox?

    我正在尝试为我的应用程序构建一个 PWA 并花了近 48 小时试图弄清楚如何将 Workbox 与 Laravel Mix 结合使用 具有讽刺意味的是 谷歌说 Workbox 是为了让事情变得简单 Buh 好吧 到目前为止我已经弄清楚了 我

随机推荐