服务工作者是JavaScript代码,一旦向相关的来源和范围注册,即使其控制的页面不再打开,也会响应浏览器启动的事件。通过处理`fetch`事件,服务工作者可以提供自定义网络行为,例如离线支持(通过Cache API)。通过处理`push`事件,服务工作者可以“醒来”并显示通知。
如何有效地管理 chrome 扩展中的消息传递和选项卡状态?
目标 我正在尝试构建一个 chrome 扩展,将 UI 组件添加到使用 Next.js 作为其前端的现有第三方网站。 方法 内容脚本负责注入...
我有一个用 NodeJS 和 ReactJS 开发的 PWA。我已经使用 gulp 使用 sw-toolbox 生成服务工作者。当我编译应用程序并访问本地主机 URL 时,服务工作者正在工作,但我的应用程序是
在客户端获取 Service Worker clientId
有没有办法在“客户端”获取特定窗口的服务工作者 clientId,即在注册服务工作者时?我想在 exe 时将该 id 从客户端传递给 serviceWorker ...
使用 Web Inspector 从 Mac 调试 iOS 上的网络推送
网页推送通知iOS来了,太棒了!但它们并没有完全按预期工作,所以我想调试它们。 我知道如何使用 Web Inspector 从 Mac 调试 Web 应用程序: 在
如何在 service worker 中缓存 Vue 构建的文件(非手动)
我有这个 Vue 应用程序,我希望使用服务工作者缓存所有文件,但每次我构建应用程序进行部署和测试时,vue 创建的 js 文件的文件名都不同......
如何在 iOS 16.4 上的 PWA 中打开自定义 url
借助 WebKit 16.4 中的新功能,现在可以在 Apple 设备上使用 Web Push。该功能非常容易安装。然而不幸的是,我遇到了一个问题。当我点击
为什么在这些 Angular 推送通知中单击时操作不起作用?
我已经在我的 Angular PWA 上实现了有关推送通知的所有内容(根据 Angular Service Worker Notifications),甚至让浏览器显示通知,但是,...
我有一个 WebApp,它使用由 Workbox 提供支持的服务工作者来处理路由。使用 stale-while-revalidate 策略,假设它拦截从我的应用程序到 /api/abc 的调用,返回缓存的版本...
如何在 chrome 扩展清单 v3 的服务工作者中使用 javascript 控制 Api 调用多次调用?
在我的代码中,我有一个名为刷新令牌的功能,用于调用不同的方法/功能。如果同时多次调用此刷新令牌,它将为空
我正在尝试使用 reactjs 创建一个 PWA。我使用 create-react-app 时没有 service worker,所以我自己创建了一个。 简化的文件结构是这样的: -民众 -index.html -清单...
我已经实现了一个 service worker,可以在我的应用程序上完全提供网络推送通知。 但是,我在隐身模式下使用 firefox 时发现了一个错误。 在 MacOS 上,我可以退出“主”
如果更改了最后修改日期时间,是否有任何方法可以更新服务工作者中的文件?我有一些图像每 2-3 天更改一次,想让服务人员知道更新 t...
ionic-angular PWA Service Worker 防止应用程序在重定向时初始化(仅在 chrome 上)
大家好,我目前正在使用带有支付程序的 Angular 15 - Ionic 5 PWA。 但是,当付款完成后从银行重定向到应用程序时,Service worker 会阻止应用程序初始化并提供...
多个 service worker 代码冲突 - service worker 中的 importScripts() 正在触发 service worker 激活而不是等待 skip waiting
在我的服务工作者中包含 Pushwoosh 的 importScripts('https://cdn.pushwoosh.com/webpush/v3/pushwoosh-service-worker.js' + self.location.search) 时,服务工作者会为我的服务工作者更新
多个 service worker 代码冲突 - service worker 中的 importScripts() 正在触发 service worker 激活而不是等待 skip waiting
在我的服务工作者中包含 Pushwoosh 的 importScripts('https://cdn.pushwoosh.com/webpush/v3/pushwoosh-service-worker.js' + self.location.search) 时,服务工作者会为我的服务工作者更新
我想在现有的角度应用程序中实现 pwa 以实现完整的离线功能。但我坚持处理 http post 请求。例如,模块中有一个自动完成...
React PWA 应用程序,重建和部署后的空白页面。文件哈希已更改
我有一个使用 service worker 注册为 PWA 的 React 应用程序。 (注意这目前不作为已安装的 PWA 运行) 新构建应用程序后,应用程序显示空白
如何使用 service-worker 预取图像并立即提供它们而无需导航/重新加载
我目前正在尝试在 Next.JS v12 中实现一个功能,我正在使用 service-worker 预取图像,然后,在整个预取过程中,我想要一个加载状态 o...
Service Worker > Registration > Error > Scope Url 应该以给定的 Script Url 开头
操作系统:iOS 16.4 失败代码:navigator.serviceWorker.register('service-worker.js', { scope: '/' }) Service-Worker-Allowed: '/' 标头已设置 Service Worker 的托管方式如下:https://www.mywebsite.com/d...
Chrome Service Worker 在不小心手动取消注册 Service Worker 后不会注册
我正在开发一个 React 应用程序,并且刚刚构建了一个服务工作者。一切都按预期工作:在 localhost:8080 处,service worker 正在预缓存/创建路由并响应...