service-worker 相关问题

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

如何在 Service Worker 内缓存之前修改响应正文?

我认为这会相当简单,但我很难成功发送响应,然后修改存储在服务工作线程内的缓存中的克隆响应。 最终我想应用...

回答 1 投票 0

jekyll + 服务工作线程失败:服务工作线程未成功提供清单的 start_url

我无法为 Jekyll 支持的项目站点设置 Service Worker - Lighthouse 拒绝 start_url 值并给出错误 Unable to fetch start URL via Service Worker 应用程序->清单输出

回答 2 投票 0

为什么 PSI 上的 TBT 与我的本地计算机如此不同?

当我在本地主机上测试 SSR SPA 的性能时,我得到了较低的 TBT(总阻塞时间) 当我使用PSI(pagespeed Insights)来测试网站的性能时,我得到了非常高的TBT 怎么会...

回答 1 投票 0

在多个选项卡上打开同一个应用程序时 Service Worker 的行为?

大家好,我一直在尝试渐进式网络应用程序,但遇到了一个我似乎无法理解的问题。如果这个问题看起来有点天真,请原谅我,但我仍然是这个领域的新手......

回答 1 投票 0

navigator.serviceWorker.ready 永远不会解决

我今天在 Chrome 上目睹了一个非常奇怪的行为......似乎 navigator.serviceWorker.ready 在从另一个网站重定向后永远不会解析。 重定向后,运行此...

回答 1 投票 0

Service-Worker 未在离线模式下工作

一切似乎都正确,文件正在缓存,但它无法离线工作。 我错过了一些明显的东西吗? 这是我的服务人员文件: // 这里使用的两个缓存的名称

回答 1 投票 0

服务人员在角度 17 中首次加载时未发出请求

我想对 main.ts 中的端点之一进行 API 调用,我之前曾对外部 API 做过此操作,但从未对本地 API 做过此操作。所以,每次我第一次提出请求时都不会...

回答 1 投票 0

如何将 Service Worker 从 JS 迁移到 TS

场景 我想将我的 service-worker 文件从 javascript 更改为 typescript 以更好地维护。 这是我的 sw.js 文件: /* eslint-禁用无控制台 */ self.addEventListener("推&...

回答 2 投票 0

Chrome 显示高速缓存存储使用量

我一直在分析复杂应用程序的缓存存储使用,当我意识到存储具有一定内容长度N的图像或脚本时,实际上在缓存存储中占用了5N-10N空间。

回答 2 投票 0

使用serviceworker取消获取请求

我有一个 ServiceWorker 可以拦截 Fetch 请求。有时,获取请求注定会失败,因此 ServiceWorker 应该在它到达网络之前取消它。 我的代码如下所示: 异步

回答 1 投票 0

渐进式 Web 应用程序 (PWA) 将页面重定向到独立模式

我有 PWA,我可以将其作为独立运行(如果用户单击设备上的图标),也可以作为普通网站运行(如果用户直接在网络浏览器中输入 URL)。 是否可以重定向页面(打开为

回答 3 投票 0

Angular Service Worker 未在数据组数组中缓存 api

描述 Angular Service Worker 未在数据组数组中缓存 api。我的 ngsw-config.json: { "$schema": "./node_modules/@angular/service-worker/config/schema.json", ”

回答 2 投票 0

PWA:如何在安装提示之前重新触发?

我们的网站使用 PWA,以便访问者可以选择添加到主屏幕 (A2HS)。然而,从 Google Analytics 数据来看,与接受率相比,驳回率过高。 我们计划制作用户体验...

回答 5 投票 0

手动更新 Blazor WebAssembly 应用程序

我们即将发布我们的第一个 Blazor WebAssembly 独立应用程序(即不托管在 .Net Core 上)。我已经爱上 Blazor 并期待用它制作一些出色的应用程序!然而

回答 2 投票 0

将工作箱构建服务工作者放置在 globDirectory 的子目录中

我正在使用 workbox-build 来生成服务工作者。我的目录结构看起来像这样: 源代码/ src/a.png src/index.html src/工作箱/ src/Workbox/workbox-window.prod.mjs 服务人员/

回答 1 投票 0

iOS 上 Service Worker 上的“加载失败”

目前,我正在尝试将我的 150MB+ 网站部署为 iOS 离线 PWA。该应用程序可以在 Android 上的 Chrome 和 Firefox 上成功离线运行,但在 iOS 14.1 和 iO 上似乎失败...

回答 1 投票 0

离线后备页面React服务器工作人员

我对服务人员来说相当陌生。如果我的问题很简单,请提前原谅。 我正在尝试为我的 React 应用程序实现一个离线页面。每个人都建议使用以下代码: ...

回答 2 投票 0

如何防止硬重载绕过 Service Worker?

硬重新加载或硬刷新(例如 Chrome 中的 shift-reload)似乎绕过了 Service Worker。 例如,加载 service-worker 控制的页面,例如 https://airhorner.com/ 或 https://w...

回答 2 投票 0

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

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