service-worker相关内容

Angular 6:DevTools 无法解析 SourceMap:https://example.com/ngsw_worker.es6.js.map

我使用 Angular CLI(ng add @angular/pwa)将我的 angular 6 应用程序转换为 PWA.我的目录中只有一个项目,所以我在没有指定项目名称的情况下运行了这个命令. 部署后,Service Worker 注册 - 一切似乎都井井有条,期待我在 google chrome 控制台中收到以下错误: DevTools 无法解析 SourceMap:https: ..

Angular Service Worker,缓存离线应用的 api 调用

我正在尝试使 Service Worker 以角度处理 API 请求.我希望应用离线工作,并且我有以下配置: {"name": "api","urls": ["https://x.com/**"],“缓存配置":{"策略": "性能",“最大尺寸":20,"maxAge": "365d","超时": "5s"}} 这是我离线时 xhr 选项卡的样子: 这是用户请求的内容: 如您所 ..

Angular5 PWA 不刷新(服务工作者)

我正在使用 angular5 开发一个应用程序,通过 ng-cli 使用服务工作者,但我意识到在第一次加载应用程序外壳后,它不会刷新.使用 ng build 构建应用程序后,如何将新文件版本推送到我的应用程序?.我可以直接手动重写 sw.js,但是因为它是通过 cli 生成的,所以我不喜欢影响任何我不知道是做什么的. 我整天都在寻找这个答案,但由于服务工作者是 1.6 版 ng-cli 的新 ..

不支持它的浏览器上的 Angular Service Worker

Angular 团队做得很好,并在版本 5 中引入了 Service Worker 支持.文档 非常有帮助,在阅读相关文章后,我真的可以看到事情将如何运作,但是那里没有涵盖一个主题.这一切在不支持 Service Worker 的浏览器中是如何工作的. 内容是这样的: 您的应用程序必须在支持服务的网络浏览器中运行工人.目前,Chrome 和 Firefox 的最新版本是支持的.了解其他 ..

Angular Service Worker - 无法加载资源:服务器响应状态为 504(网关超时)

我在我们的 Angular 5.2.5 中使用了 Angular-CLI 1.6.6 和 @angular/service-worker 5.2.5应用程序.除了在我们的生产环境中弹出一条错误消息外,在本地 lite-server 和生产服务器上一切正常: 加载资源失败:服务器响应状态为 504(网关超时) 查看 ngsw-worker.js 脚本,我发现生成上述错误消息的行(以下 2 ..

在网络工作者或服务工作者中运行 websocket - javascript

我有 9 个来自不同站点的 websocket 连接,它们正在使用数据更新 DOM.目前我正在连接所有网络套接字并监听所有 websocket 并通过函数调用更新数据. 我面临的问题是有很多 websocket 连接,并且存在内存和 CPU 使用问题.如何使用 Service Worker 和 Web Worker 来优化如此多的 websocket 连接? 异步函数 appendGate ..
发布时间:2021-09-24 19:44:16 前端开发

在 js 文件或视图文件或 css 文件中所做的更改不会反映给用户

我开发了一个具有多个视图的单页 Web 应用程序.为了渲染这些视图,ng-if 已被使用. 每个视图都有一个单独的控制器.许多单击功能已使用 Jquery 处理.对于后端,已经使用了java.整个应用在spring MVC中开发,部署在WebLogic上. 问题是每当我对视图或 js 文件进行任何更改时,它都不会在部署新 WAR 文件后不清除缓存和硬刷新后得到反映(ctrl+F5/R) ..
发布时间:2021-07-21 18:45:13 其他开发

Service Worker 缓存太多

我正在研究一个服务工作者,他应该只缓存一些特定的文件.但是在实施和刷新之后(是的,我启用了“重新加载后的哑 sw")还有更多的文件“通过 sw 加载"然后我添加到“要缓存的文件"列表中.我是服务工作者的新手,不知道出了什么问题.我只是跟着一些关于它的教程.这里是代码.也许我走错了路. if ('serviceWorker' in navigator) {window.addEventListen ..
发布时间:2021-07-21 18:45:09 其他开发

自定义推送服务

在将通知推送到网络浏览器的上下文中,PUSH SERVICE 充当 SERVICE WORKER 和 APPLICATION SERVER 之间的接口. 我目前的理解是 Google FCM 是 Google Chrome & 的推送服务火狐浏览器 APNS(Apple 推送通知服务)是 Safari 浏览器的推送服务 这里,在技术上是否可以用一个通用的自定义服务工作线程来替代 ..
发布时间:2021-07-21 18:45:07 其他开发

在 mozilla firefox 中使用 Service Worker 推送通知

我是服务工作者的新手并试图学习它.我正在使用服务工作者实现推送通知.我正在寻找用于在服务器端推送并在客户端接收通知的简单演示代码,作为开发我的 Web 应用程序的参考.建议会很有帮助.我正在使用 node.js 来实现. 谢谢. 解决方案 您可以查看 中的示例ServiceWorker Cookbook 的 Web Push 类别. 示例使用 web-push Node.js ..
发布时间:2021-07-21 18:45:00 其他开发

将 Service Worker 中的数据写入 Cloud Firestore

我正在处理一个 Firebase 项目,我想在我的 javascript 项目中的 Service Worker 中接收 Firebase 云消息(从 Node.js 服务器发送).这工作正常,但现在我想在收到通知后从我的服务工作者那里保存一些数据到我的 firebase cloud firestore 中.问题来了,我运行时出现以下错误: Uncaught ReferenceError: X ..

Service Worker - 无论如何要知道 Service Worker 已经完成了所有后台 - 同步标签?

Service Worker - 无论如何知道 Service Worker 已经完成所有后台 - 同步吗? 我已经为 Service Worker 编写了一组不同的同步任务,但是我想知道有没有什么方法可以知道我的软件从离线状态上线时已经完成了所有同步更新? 这样我就可以向用户发送一个通知,说您的所有更新都已完成.在下面的场景中,我只想知道当所有同步场景都完成时,我想使用 sendMe ..
发布时间:2021-07-21 18:44:53 前端开发

无法使用端口转发在 Android 手机上调试 webapp

我有一个带有 Service Worker 的网络应用,它从我的桌面提供服务,我想在 Android 手机 (Pixel3) 上进行调试. 在桌面上,我使用 localhost,它满足用于开发目的的安全连接 (https) 要求,并且页面显示有安全挂锁,并且 Service Worker 正常工作 - 很好! 在电话上,我可以浏览到桌面 IP 地址 (192.168.1.74),并且网络应 ..
发布时间:2021-07-21 18:44:50 移动开发

第二次更新服务工作者不起作用

我对这个 sw.js 有一个 pwa: const info = "versione: 1.0.0 data: 07-01-2020 12:46";const CACHE = "pwa-offline";常量页面 = [//一些文件];self.addEventListener(“安装",函数(事件){//console.log(“安装事件处理");self.skipWaiting();事件.等 ..
发布时间:2021-07-21 18:44:42 其他开发

使用 ServiceWorker 拦截和重定向请求

我被要求创建一个 Service Worker,它能够拦截请求并将它们重定向到存储的模拟数据.我以前从未做过这样的事情,所以我有点挣扎.当 testMode=true 添加到 URL 时,服务工作者被激活.我有 2 个文件需要处理.这是我目前所拥有的: TestMode.ts class TestMode {构造函数(){如果 (!this.isEnabled()) {返回;}如果(!(导 ..
发布时间:2021-07-21 18:44:28 前端开发

javascript后台同步android电源按钮

在 android chrome 中不会触发 service worker 同步我错过了什么???同样的事情在这里:JavaScript 后台同步如果页面在离线时加载/刷新,则停止工作 拔下 USB 电缆进行开发(用于 chrome 开发工具) 按下安卓主页按钮 按下电源按钮进入睡眠状态(黑屏) 然后我等待 5 分钟(至少) 然后我按下电源按钮唤醒 然后我将 myapp 推送到唤醒 ..

Service Worker 从缓存中获取然后更新缓存

我在我的 service worker 中使用了以下逻辑(用我自己的话来说): 如果缓存存在,使用它,但也从网络更新缓存以备后用 event.respondWith(//on `fetch`缓存.打开(缓存).then(函数(缓存){返回缓存匹配(请求);}).then(功能(匹配){如果(匹配){requestAndUpdateCache(事件);返回匹配;}... 除了使用缓存的响应 ..
发布时间:2021-07-21 18:44:21 前端开发