service-worker 相关问题

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

Chrome 扩展:onStartup 事件在 Cognito 窗口中不起作用

Chrome 扩展:onStartup 事件在 Cognito 窗口中不起作用 我在manifest.json中有以下配置 “隐身”:“分裂”, 我正在尝试执行代码...

回答 1 投票 0

firebase-messaging-sw.js 在 Firebase Web 通知中有何用途?

我已在我的网站上为 firebase 推送通知配置了 Javascript API。一切正常,但我看到许多“后台消息”。我刚刚放置了 firebase-messaging-sw.js 文件...

回答 5 投票 0

为什么 Axios 不太适合 PWA 中的服务工作者,为什么标准 Fetch API 是更好的选择? [已关闭]

所以,我正在制作一个 PWA 应用程序,为了获取数据,我使用了 Axios 库。但是,服务工作人员没有缓存数据。后来,经过一番谷歌搜索,我发现 Axios...

回答 1 投票 0

无法在 iOS 上发送网络推送通知,在 Android 设备上工作完美

我正在使用服务工作者概念(API)发送网络推送通知,这是我遵循的书并从中获取了代码示例。下面的代码可以完美地从

回答 1 投票 0

为什么我看到的是回复而不是我的文档?

我想了解 Service Workers,所以我从简单的示例开始 我想了解 Service Workers,所以我从简单的示例开始 <!-- index.html --> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script defer type="module" src="index.js"></script> <title>Document</title> </head> <body> <div> Hello, my dear! </div> </body> </html> // index.js const registerServiceWorker = async () => { const registration = await navigator.serviceWorker.register('service-worker.js', { scope: './' }); }; await registerServiceWorker(); const response = await fetch('https://v1.cdqnpk.net/videvo_files/audio/premium/audio0137/watermarked/MusicComedyThe CTE02_96.3_preview.mp3'); console.log(response); // service-worker.js self.addEventListener('fetch', event => { event.preventDefault(); event.respondWith(new Response(JSON.stringify({text: 'test test test'}), { headers: { 'Content-Type': 'application/json' } })) }) 但是我无法像往常一样在 console 中获取数据 JSON 响应而不是它 JSON 渲染而不是整个文档 附注fetch 中的链接已损坏并出现错误。 原始链接(这是mp3文件,如果您点击链接,文件将开始下载) const response = await fetch('https://v1.cdqnpk.net/videvo_files/audio/premium/audio0137/watermarked/MusicComedyThe CTE02_96.3_preview.mp3'); console.log(await response.json())

回答 1 投票 0

与工作人员一起构建 TypeScript 项目

我应该如何构建一个包含主线程(DOM)脚本和工作人员的项目?例如: 主要.ts // 该文件必须具有 DOM 类型,但不能具有 Worker 类型。 const Worker = new Worker('worker.js');

回答 2 投票 0

如何让 Cloudflare 工作线程将 OpenAI 响应流式传输回前端?

我试图让 Cloudflare 工作线程将数据块返回到前端,而不是在响应之前等待完整的 OpenAI 结果。目前,之前好像没有返回任何数据...

回答 1 投票 0

网络应用程序显示“此网站已在后台更新”

后台可以很好地接收消息,但是前台收不到消息,只是显示“该网站已在后台更新”。 我使用了代码...

回答 3 投票 0

React 应用程序:旧版本保留在缓存中,直到我检查它

我使用 create-react-app 开始开发 React 应用程序。默认情况下,它使用服务工作者。我也碰巧通过 https 为我的生产应用程序提供服务。 事实证明,有了这个配置,我的浏览器就

回答 4 投票 0

服务人员未拦截某些第三方网址

我发现服务人员有奇怪的问题。它正确拦截了一些 url,并且根本不拦截一些 url。 例如。 对 https://fonts.googleapis.com/css?family=Roboto 的请求是

回答 1 投票 0

Flutter Web Firebase 推送通知收到两次

我遇到了大问题,我目前正在开发一个应用程序,我需要将推送通知发送到我的Web应用程序(用户必须在其移动设备上安装PWA)。我们在添加时遇到了很多问题...

回答 1 投票 0

对 django PWA 进行更改

我在 django 中有一个运行良好的网站,我使用 python manage.py runserver 命令在 http://127.0.0.1:8000/ 上运行该网站。然后,我按照 https://www.geeksforgeeks.org/make 上的所有步骤进行操作...

回答 2 投票 0

如何使用 ThreeJS 加载带有动画和纹理的 USDZ 模型

我正在构建一个基于网络的 3D 查看器。它适用于其他文件类型(.fbx、.glb、.obj、...) 当我想加载 .usdz 文件时,事情变得很复杂。 为此,我使用 github.com/ponah...

回答 1 投票 0

将 Service Worker 中的数据写入 Cloud Firestore

我正在开发一个 Firebase 项目,我想在我的 javascript 项目中的 Service Worker 中接收 Firebase 云消息(从 Node.js 服务器发送)。这很好用,但现在我想保存...

回答 2 投票 0

更改推送管理器订阅中的应用程序服务器密钥

我使用 Service Worker 实现了 Web 推送通知。我使用特定的应用程序服务器密钥收集了用户订阅。假设如果我们更改应用程序服务器密钥,那么当我们得到...

回答 5 投票 0

网络推送通知未显示

我注册了一个 Service Worker,并尝试在浏览器中测试 Web 通知。 Chrome(和 Firefox)声称 Service Worker 已成功注册。 在加载 React 应用程序时,我已经...

回答 3 投票 0

删除从缓存加载整个网站的 Service Worker

我为客户开发了一个新网站,之前的网站在同一域上运行。我部署了该站点并发现 www.子域名仍然显示以前的网站,我后来(

回答 1 投票 0

即使在 serviceworker.js 的 addEventListener 中注册,notificationclick 也不会在 chrome 中触发

我正在为我的网站启用 Web 通知,并将以下事件侦听器添加到 Service Worker .js 文件中, 这在边缘工作正常,点击事件得到触发并打开一个新窗口,但是 chrome n...

回答 4 投票 0

serviceWorker notificationclick 使用 Blazor WASM .NET Core 托管时永远不会触发

编辑:刚刚在 Firefox 上测试,它可以工作,但不能在桌面上的 Chrome 中运行。 到目前为止,其他一切都工作正常,但似乎 notificationclick 根本不想触发。 我有...

回答 1 投票 0

为什么 VAADIN 项目中不显示 /icons/** 文件夹中的图标?

我有 Spring Boot Vaadin 项目正在生产中。在此项目中,我在 /resources/META-INF/resources/icons(images) 中使用自定义图像和图标。我使用 nl 在我的项目中添加了推送通知。

回答 1 投票 0

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