service-worker相关内容
我使用 Angular CLI(ng add @angular/pwa)将我的 angular 6 应用程序转换为 PWA.我的目录中只有一个项目,所以我在没有指定项目名称的情况下运行了这个命令. 部署后,Service Worker 注册 - 一切似乎都井井有条,期待我在 google chrome 控制台中收到以下错误: DevTools 无法解析 SourceMap:https:
..
我正在尝试使 Service Worker 以角度处理 API 请求.我希望应用离线工作,并且我有以下配置: {"name": "api","urls": ["https://x.com/**"],“缓存配置":{"策略": "性能",“最大尺寸":20,"maxAge": "365d","超时": "5s"}} 这是我离线时 xhr 选项卡的样子: 这是用户请求的内容: 如您所
..
我正在使用 angular5 开发一个应用程序,通过 ng-cli 使用服务工作者,但我意识到在第一次加载应用程序外壳后,它不会刷新.使用 ng build 构建应用程序后,如何将新文件版本推送到我的应用程序?.我可以直接手动重写 sw.js,但是因为它是通过 cli 生成的,所以我不喜欢影响任何我不知道是做什么的. 我整天都在寻找这个答案,但由于服务工作者是 1.6 版 ng-cli 的新
..
我尝试在更新到 angular 5 后将 Service Worker 添加到我的项目中,但遇到了一些问题.我向 app.module.ts 添加导入: import {ServiceWorkerModule} from '@angular/service-worker';从 '../environments/environment' 导入 {environment};...环境.生产 ?Ser
..
Angular 团队做得很好,并在版本 5 中引入了 Service Worker 支持.文档 非常有帮助,在阅读相关文章后,我真的可以看到事情将如何运作,但是那里没有涵盖一个主题.这一切在不支持 Service Worker 的浏览器中是如何工作的. 内容是这样的: 您的应用程序必须在支持服务的网络浏览器中运行工人.目前,Chrome 和 Firefox 的最新版本是支持的.了解其他
..
我在我们的 Angular 5.2.5 中使用了 Angular-CLI 1.6.6 和 @angular/service-worker 5.2.5应用程序.除了在我们的生产环境中弹出一条错误消息外,在本地 lite-server 和生产服务器上一切正常: 加载资源失败:服务器响应状态为 504(网关超时) 查看 ngsw-worker.js 脚本,我发现生成上述错误消息的行(以下 2
..
我有 9 个来自不同站点的 websocket 连接,它们正在使用数据更新 DOM.目前我正在连接所有网络套接字并监听所有 websocket 并通过函数调用更新数据. 我面临的问题是有很多 websocket 连接,并且存在内存和 CPU 使用问题.如何使用 Service Worker 和 Web Worker 来优化如此多的 websocket 连接? 异步函数 appendGate
..
我开发了一个具有多个视图的单页 Web 应用程序.为了渲染这些视图,ng-if 已被使用. 每个视图都有一个单独的控制器.许多单击功能已使用 Jquery 处理.对于后端,已经使用了java.整个应用在spring MVC中开发,部署在WebLogic上. 问题是每当我对视图或 js 文件进行任何更改时,它都不会在部署新 WAR 文件后不清除缓存和硬刷新后得到反映(ctrl+F5/R)
..
我正在研究一个服务工作者,他应该只缓存一些特定的文件.但是在实施和刷新之后(是的,我启用了“重新加载后的哑 sw")还有更多的文件“通过 sw 加载"然后我添加到“要缓存的文件"列表中.我是服务工作者的新手,不知道出了什么问题.我只是跟着一些关于它的教程.这里是代码.也许我走错了路. if ('serviceWorker' in navigator) {window.addEventListen
..
在将通知推送到网络浏览器的上下文中,PUSH SERVICE 充当 SERVICE WORKER 和 APPLICATION SERVER 之间的接口. 我目前的理解是 Google FCM 是 Google Chrome & 的推送服务火狐浏览器 APNS(Apple 推送通知服务)是 Safari 浏览器的推送服务 这里,在技术上是否可以用一个通用的自定义服务工作线程来替代
..
此代码段有助于使应用标签成为焦点,或使用该网址打开新标签.如果选项卡已经打开,是否可以更改 URL(根据用户点击的通知)? event.waitUntil(客户.matchAll({类型:'窗口'}).then(function(windowClients) {for (var i = 0; i
..
我是服务工作者的新手并试图学习它.我正在使用服务工作者实现推送通知.我正在寻找用于在服务器端推送并在客户端接收通知的简单演示代码,作为开发我的 Web 应用程序的参考.建议会很有帮助.我正在使用 node.js 来实现. 谢谢. 解决方案 您可以查看 中的示例ServiceWorker Cookbook 的 Web Push 类别. 示例使用 web-push Node.js
..
我正在处理一个 Firebase 项目,我想在我的 javascript 项目中的 Service Worker 中接收 Firebase 云消息(从 Node.js 服务器发送).这工作正常,但现在我想在收到通知后从我的服务工作者那里保存一些数据到我的 firebase cloud firestore 中.问题来了,我运行时出现以下错误: Uncaught ReferenceError: X
..
Service Worker - 无论如何知道 Service Worker 已经完成所有后台 - 同步吗? 我已经为 Service Worker 编写了一组不同的同步任务,但是我想知道有没有什么方法可以知道我的软件从离线状态上线时已经完成了所有同步更新? 这样我就可以向用户发送一个通知,说您的所有更新都已完成.在下面的场景中,我只想知道当所有同步场景都完成时,我想使用 sendMe
..
我有一个带有 Service Worker 的网络应用,它从我的桌面提供服务,我想在 Android 手机 (Pixel3) 上进行调试. 在桌面上,我使用 localhost,它满足用于开发目的的安全连接 (https) 要求,并且页面显示有安全挂锁,并且 Service Worker 正常工作 - 很好! 在电话上,我可以浏览到桌面 IP 地址 (192.168.1.74),并且网络应
..
我对这个 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();事件.等
..
我被要求创建一个 Service Worker,它能够拦截请求并将它们重定向到存储的模拟数据.我以前从未做过这样的事情,所以我有点挣扎.当 testMode=true 添加到 URL 时,服务工作者被激活.我有 2 个文件需要处理.这是我目前所拥有的: TestMode.ts class TestMode {构造函数(){如果 (!this.isEnabled()) {返回;}如果(!(导
..
在 android chrome 中不会触发 service worker 同步我错过了什么???同样的事情在这里:JavaScript 后台同步如果页面在离线时加载/刷新,则停止工作 拔下 USB 电缆进行开发(用于 chrome 开发工具) 按下安卓主页按钮 按下电源按钮进入睡眠状态(黑屏) 然后我等待 5 分钟(至少) 然后我按下电源按钮唤醒 然后我将 myapp 推送到唤醒
..
我在我的 service worker 中使用了以下逻辑(用我自己的话来说): 如果缓存存在,使用它,但也从网络更新缓存以备后用 event.respondWith(//on `fetch`缓存.打开(缓存).then(函数(缓存){返回缓存匹配(请求);}).then(功能(匹配){如果(匹配){requestAndUpdateCache(事件);返回匹配;}... 除了使用缓存的响应
..
我有一个(理想情况下)安全登录对象,我想保留在 Service Worker 上下文中,但 ServiceWorkerGlobalScope 似乎被随机重置(Chrome 47 Ubuntu). 为了测试,在我插入的 service worker 中: var iid = setInterval(function () {var now = performance.now();返回 sel
..