service-worker 相关问题

服务工作者是JavaScript代码,一旦向相关的来源和范围注册,即使其控制的页面不再打开,也会响应浏览器启动的事件。通过处理`fetch`事件,服务工作者可以提供自定义网络行为,例如离线支持(通过Cache API)。通过处理`push`事件,服务工作者可以“醒来”并显示通知。

如何在 Chrome Extension Manifest V3 后台服务工作线程中每秒调用一个函数?

Service Workers 替换了 Manifest v3 Google Chrome 扩展程序中的后台页面,我正在尝试为我的扩展程序使用一个。文档说计时器(setTimeout 和 setInterval)应该是 av...

回答 2 投票 0

使用 webpack 离线插件从 service-worker 中排除 url

我目前正在同一域上设置 2 个应用程序,使用 AWS Cloudfront 来管理应用程序之间的路由。这 2 个应用程序之一是 React 应用程序,基于 React-Boilerplate 并使用离线插件来...

回答 2 投票 0

语法错误:msw 中出现意外的字符串

最近我开始在我的反应项目中遇到模拟服务工作者(msw)的错误。 细节: 节点 v16.19.1 vite/3.2.6 linux-x64 节点-v16.19.1 反应18.2.0 检查了 google、github 问题,但没有...

回答 1 投票 0

为什么caches.match(event.request)无法识别带有get方法的fetch()请求?

我正在构建一个具有离线支持的 PWA。我使用先缓存后网络的策略来缓存动态页面,并且一切都运行良好(即,缓存的页面是从缓存中提供的,并且它在离线时工作......

回答 1 投票 0

在 Service Worker 更新时重新加载 Create-react-app

我想修改 create-react-app Service Worker 文件并实现弹出消息,如果新的 Service Worker 已准备好激活,该消息将要求用户更新应用程序。我快完成解决方案了...

回答 5 投票 0

如何阻止 Angular Service Worker 缓存 Facebook 像素?

我已在我的 Angular webApp 中启用了 facebook Pixel。但它只有在我硬刷新时才有效。之后,请求通过 Service Worker 触发,并且没有在 Facebook Pixel 中注册

回答 1 投票 0

如何使用 Workbox 基于域设置多个清单

我有一个 React 应用程序,正在部署到单个域 https://app.*.com * 基本上是域名,可以是多个 app.A.com app.B.com。 在 firebase 中,我们配置了这些 dom...

回答 1 投票 0

浏览器是否会自动删除 Service Worker?

在过去的一年里,我一直在尝试让 PWA 能够可靠地断断续续地离线工作,但每次我编写一个新的 Service Worker 时,它都会按预期工作一两周,然后就中断(直到

回答 1 投票 0

Service Worker 未在 vite React 应用程序上注册

有一段时间,我一直在尝试为我的 vite React 应用程序注册 Service Worker,但由于某些奇怪的原因,它没有在生产环境中注册,而在本地主机上注册。 以下是我的投稿

回答 1 投票 0

Service Worker - 类型错误:请求失败

我使用服务工作线程缓存来自其他域的资源。我收到此错误“TypeError:请求失败 serivce-worker.js:12”我不知道为什么会发生此错误。 服务-w...

回答 1 投票 0

Service Worker 在完成预检请求后未发起原始请求

我正在尝试在 Service Worker 文件中进行 GET/POST 请求, 但它只发送 OPTIONS 请求,而不发送我的原始请求。 下面是我的代码: fetch('http://跨域服务器/

回答 1 投票 0

如何在nextjs中将一个组件捆绑到一个js文件中

我正在开发一个 Next.js 项目,并且我有一个特定的要求。我有一个 Home 组件和一个 Widget 组件。我需要专门为 Wid 创建一个单独的 JavaScript 包(.js 文件)...

回答 1 投票 0

Service Worker FetchEvent.respondWith 无法在 Safari 中工作

我目前正在尝试设置一个 Service Worker 演示以供我自己理解。预期的行为是让服务工作人员检查任何以 .json 结尾的请求并使用虚拟值进行响应

回答 1 投票 0

为什么windowClient.url比较不起作用?

我从 notificationClick 事件文档中复制了以下示例代码。但是,当我测试时,永远不会调用 client.focus() 方法,而不是 openWindow。如果我删除

回答 1 投票 0

将 Service Worker 和 IndexedDB 类型添加到 eslint 配置

当我在打字稿文件中使用 ServiceWorkerGlobalScope、FetchEvent、IDBIndexParameters、IDBTransactionMode 等类型,同时为我的应用程序添加 PWA 设置时,ESLint 会抱怨。

回答 1 投票 0

更新service-worker.js中的动态数据

我有以下来自 url 的数组形式的数据。 [{"title":"嘿嗨","body":"你好","url":"https://simple-push-demo.appspot.com/","tag":"new"}] service-worker.js 它有上面的网址 f...

回答 1 投票 0

需要澄清有关在 Cache API 中使用相对文件路径的信息 - caches.match() 内的可比性

假设 service-worker.js 通过以下代码已准备好提供离线浏览功能, self.addEventListener("fetch", 事件 => { event.respondWith( 缓存.match(事件。

回答 1 投票 0

Service Worker FechtEvent.respondWith 响应在 iOS 12.1 Safari 上为空

我可以在 Android Chrome、macOS Chrome 以及 Safari 和 Windows Chrome 上使用 service Worker 下载网站以供离线使用。当我尝试将网站下载到 iOS 12.1 Safari 时...

回答 2 投票 0

javascript 获取图像并创建 base64

我正在使用 CloudFlare 服务工作人员,我想获取图像,然后生成它的 Base64 表示形式。 所以像这样: const res = wait fetch('https://cdn.cnn.com/cnnnext/dam/a...

回答 2 投票 0

桌面版 Firefox 将缓存使用中的 user-agent 替换为 service-worker.js

我的普通桌面版 Firefox 的用户代理: Mozilla/5.0(Windows NT 10.0;Win64;x64;rv:109.0) Gecko/20100101 Firefox/113.0 当我使用服务缓存某些文件时 Firefox 发送的用户代理...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.