首页 > TAG信息列表 > service-worker

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

我正在向我的网站启用Web通知,并在事件监听器下方将其添加到Service Worker .js文件中, 这在边缘和点击事件上可以很好地触发,并打开一个新窗口,但是Chrome没有任何反应,并且事件本身不会触发- self.addEventListener('notificationclick', function (event) { event.notificati

javascript-推送事件后serviceWorker的PostMessage

推送事件后,我需要将消息从serviceWorker发送到页面. 我无法指定端口属性(例如https://jakearchibald.github.io/isserviceworkerready/demos/postMessage/),因为我没有发送此消息 该代码不起作用(也许我做错了) self.registration.active.postMessage('fsdfasf'); 解决方法:在sp

php-数据库驱动的Web应用程序：如何处理离线使用

我正在使用Laravel(PHP框架)开发Web应用程序.我的约30位同事将在Windows笔记本电脑上使用该应用程序. 我的同事定期采访人们.他们将使用Web应用程序到一个新的配置文件添加到数据库中,一旦他们采访某人首次,他们将追加笔记以后访问这些文件.配置文件和注释使用MySQL存储,但是由于我

javascript-防止安装PWA

为什么要配置我的manifest.json以禁用要求“安装”网站的浏览器弹出窗口？ 因为我正在使用以下js代码来阻止它： window.addEventListener('beforeinstallprompt', function(e) { e.preventDefault(); return false; }); 但是我需要在AMP版本上也要防止它.而且我无法运行js代

javascript-firebase网络通知中的firebase-messaging-sw.js有什么用？

我已经在网站上为Firebase推送通知配置了Javascript API.一切正常,但我看到许多“背景消息”.我只是将firebase-messaging-sw.js文件放在我的网站目录中. 我不知道它的用途.我只是想知道它在做什么.如果您看到以下代码,则会看到我仍未提供messagesSenderId,但该文件仍被执行. 所以

javascript-从Service Worker检查窗口是否处于活动状态

我正在尝试运行一个Web应用程序,该应用程序在窗口处于非活动状态时发送推送通知.为此,我有一个服务人员,可以帮助从我的php服务器(通过Firebase)接收通知. 但是,我不确定如何通过我的Service worker检查窗口是否处于活动状态. Service Worker无权访问DOM,因此我无法直接通过DOM对其

javascript-Angular Service Worker,为离线应用程序缓存api调用

我正在尝试使服务工作者能够与API请求一起工作. 我希望该应用离线运行,并具有以下配置： { "name": "api", "urls": ["https://x.com/**"], "cacheConfig": { "strategy": "performance",

javascript-webpush,如果没有选项卡,如何打开窗口

我已经设置了一个网络推送系统,并且运行良好. 我遇到的问题是,在Mac上,如果用户打开了Firefox但收到通知时却没有打开任何页面,则单击会丢失. 一世它什么也没做. 这是相关的部分 self.addEventListener('push', function(event) { var jsonObj = event.data.json(); var titl

javascript-iframe是否可以与服务人员脱机渲染？

我的域名abc.com和页面123.com中的iframe都存在.我拥有每个域的代码. 通过服务工作者,我可以在脱机时加载abc.com,但是即使我将其文件添加到cache.addAll调用中,我的123.com iframe也无法加载. 如何离线显示iframe？实例欢迎. <!DOCTYPE html> <html> <head></head> <body>

javascript-如何精确添加“允许服务人员”以在上层文件夹中注册服务人员范围

关于它也有类似的问题,但是还不清楚如何应用该解决方案,并不断出现错误. 我解释.我想使用Service Worker技术创建一个简单的html / js应用程序. 我有： > Index.html> js / app.js> js / sw.js 在app.js中,代码为(请参阅// ***注释以进行澄清)： // *** I receive always the error: /

javascript-初始化ServiceWorker以防止必须重新加载页面时如何声明客户端？

我无法将自己的头缠在ServiceWorker的Clients.claim API上.根据我的理解(here和here),我可以在service worker激活事件上调用claim(),以防止必须刷新页面来初始化ServiceWorker.我无法使其正常运行,并且总是不得不刷新.这是我的代码： 在服务人员内部： self.addEventListener('instal

javascript – getSubscription返回null订阅

我是服务工作者和GAE的新手,我能够注册服务工作者但不能订阅PushManager,获得订阅null错误. 找到以下代码以供参考. serviceWorkerRegistration.pushManager.getSubscription() .then(function(subscription) { var pushButton = document.querySelector('.js-push-butt

javascript – 检测服务工作者中脱机状态的最佳实践

我有一个服务工作者,如果客户端没有网络连接,则应该缓存一个显示的offline.html页面.但是,它有时会认为导航器即使不是离线也是脱机的.也就是说,navigator.onLine === false.这意味着即使在线,用户也可能获得offline.html而不是实际内容,这显然是我想避免的. 这是我在main.js中注册

javascript – Service Worker’fetch’事件当前正在提供的页面的URL

如何获取服务工作者的’fetch’事件所服务的页面的完整URL？ “self.location”属性似乎只引用站点的根URL.例如,如果页面https://example.com/folder/pagename.html正在执行服务工作者正在拦截的提取,则服务工作者的“self.location”属性返回“https://example.com”. event.curren

javascript – 背景地理位置ServiceWorker – on Webessing Web App重新获得焦点时的事件顺序

有关完整的详细信息和更详细的描述,请参阅此W3C服务工作人员issue. 这是我的HTML5 Web App场景： – >我的Web应用程序已经背景并且在我去的时候卡在我的口袋里 >当我启动KM时,我的服务工作人员定期接收GPS更新并调用postMessage()将它们排队等待我的应用程序最终在Google地图上绘图

在同一个域但使用不同文件夹的多个javascript服务工作者

我的网站为每个客户提供一系列网络应用程序.每个客户端都有不同的应用程序组合,可以使用. 每个Web应用程序都托管在不同的文件夹中. 因此,我需要为每个客户端缓存它只允许的Web应用程序,而不是缓存所有应用程序,其中许多是用户根本不会使用的. 我天真地为网站的shell创建了一个全局

javascript – 如何防止同一服务工作者注册多个页面？

我有一个服务工作者脚本,它在多个站点级别上重复注册. 换句话说,同一服务工作者已注册www.site.ca/,www.site.ca/text-text,www.site.ca/example-example等. 该网站建立在PHP上,根据内容生成不同的网址,因此类似API.服务工作者注册在这些页面上的原因是因为大多数站点流量落在这些

javascript – 服务工作者可以做什么,网络工作者不能？

服务工作者可以做什么,网络工作者不能？或相反亦然？ Web工作者似乎是服务工作者功能的一个子集.这个对吗？解决方法:他们的目标有很大不同： 网络工作者 Web Workers provide a simple means for web content to run scripts in background threads. The worker thread can perform task

javascript – 了解服务工作者范围

我正在尝试在测试页面中实现Service Worker.我的最终目标是离线操作的应用程序.文件夹结构如下 /myApp ... /static /mod /practice service-worker.js worker-directives.js foopage.js /templates /practice foopage.html

javascript – 如何在服务工作者中发出JSONP请求？

如何在Service Worker中发出JSONP请求？ 您可能知道,服务工作者没有文档.因此像this one这样的许多javascript方法都行不通. 我需要发出JSONP请求,因为Blogger API不使用CORS回答来自不同域的请求. 感谢您的答复.解决方法:Web Worker global有一个名为importScripts的方法,您可以使用

android – WebView：以编程方式清除服务工作者缓存

为了让用户快速清除缓存,我使用了附加到Clear Cache按钮的以下功能(基于this和this)： static void clearAppCache(Context context) { try { File dir = context.getCacheDir(); deleteDir(dir); } catch (Exception e) { // TODO: handle excepti

javascript – 在Django中使用chrome实现推送通知

我学会了使用chrome https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web?hl=en为Web应用程序实现推送通知,并成功运行了博客中提到的示例代码. 不幸的是,我无法用Django复制成功.它永远不会进入服务工作者的就绪方法(navigator.serviceWorker.

javascript – 服务工作者缓存存储的大小限制是多少？

参见英文答案 > What is the storage limit for a service worker?                                    5个 本地存储的大小限制为5M,当我在Service Worker中使用时,是否有任何缓存存储限制？解决方法:截至2016年8月15日,Addy Osmani posted：

javascript – 如何在服务工作者中持久保存数据

截至目前,Chrome不支持传递其他数据来推送从GCM收到的通知.因此,每当收到推送通知时,我都必须从我的服务工作者执行提取.到现在为止还挺好. 但是：我需要在fetch中执行的http请求中包含一个请求参数.如何告诉服务工作者我的参数？ 到目前为止我尝试过的 使用postMessage告诉我的服务工

javascript – 在页面之间导航时显示加载程序 – PWA

我有一个基于PHP的网站. 我使用了service-workers和manifest.json将网站转换为PWA. 现在,当我从主屏幕启动PWA时,它通常像APP一样工作.但是,问题在于,由于PWA不显示浏览器地址栏,因此用户无法知道正在重新加载页面或正在加载下一页.当他们点击某些内容时,下一页被加载但没有显示加