Service worker未在脱机模式下工作

文章/答案/技术大牛

发布

1回答

angular、service-worker、progressive-web-apps、offline-caching、angular-service-worker

我已经遵循了关于service worker的angular文档，并且我能够在本地机器上离线运行该项目。当我尝试部署到Github页面时，它在在线模式下工作得很好，我也能够看到文件是通过网络中的服务工作者获取的，服务工作者正在应用程序选项卡中运行，但当我尝试在离线模式下重新加载页面时，它不工作。

浏览 15提问于2018-03-06得票数 4

1回答

Service Worker脱机模式

javascript、service-worker

我创建了一个服务工作者，它可以缓存所有文件，并且可以脱机工作。我想要的是在Android上有离线标签，就像图像一样。该页面的github演示是。

浏览 7提问于2017-02-17得票数 0

1回答

Angular service worker未在数据组数组中缓存apis

angular、service-worker、angular-service-worker

描述{ "index": "/index.html", "assetGroups:max

浏览 24提问于2019-08-04得票数 0

2回答

使用angular/service-worker时，PWA应用程序不能在脱机模式下工作

progressive-web-apps、angular-service-worker

我已经在服务器上部署了PWA应用程序，但不知何故它在脱机模式下无法工作。请查找地址

浏览 0提问于2019-04-26得票数 0

1回答

如何在离线模式下加载angular应用中的svg图片

angular、ionic-framework、svg、imageurl

我已经使用图像标签来显示svg图像，在联机模式下加载正常。图像出现在我的项目的assets文件夹中。但在脱机模式下，不会加载图标。我在我的ngsw-config.json中为service worker中的资产添加了条目，如下所示："/ assets /**“。如何从脱机worker的assets文件夹中获取图像。

浏览 14提问于2020-06-19得票数 0

1回答

在IIS上部署angular项目时，Service worker未在脱机模式下工作

angular、iis、progressive-web-apps、angular-service-worker

现在，在使用ng build --prod构建应用程序，然后通过节点的http-server将应用程序提供给localhost:8080之后，我的应用程序可以在本地主机中以脱机模式正常运行。但是，当我使用ng build --prod --base-href /myProject/构建相同的应用程序以在IIS上部署时，应用程序工作得很好，但是当使用chrome的开发人员工具切换到offline

浏览 16提问于2019-12-17得票数 3

2回答

如何检测代码正在service worker脱机模式下运行

javascript、service-worker

Service workers使您能够缓存将在用户进入脱机模式时运行的文件。return cache.addAll(urlsToCache); );因此，您定义了要缓存的文件main.css、main1.js和main2.js的列表，这些文件将在用户脱机时加载在main1.js文件中，我希望定义一些代码，使其仅在服务工作者以脱机模式加载文件时才运行。有什么方法可以检测到这个吗？

浏览 28提问于2018-07-25得票数 1

1回答

Service Worker获取缓存资产失败

caching、progressive-web-apps、cacheapi

大家好，我是服务工作者的新手，我正面临着这个错误 The FetchEvent for "<My Local URL>" resulted in a network error response: theWorker] Installing Service Workerevent); caches.open('static') console.log('

浏览 92提问于2020-01-11得票数 0

1回答

为什么服务工作者脱机模式不起作用

javascript、service-worker、service-worker-events

我正在尝试为应用程序提供脱机访问。但是代码不起作用。 .then(function () { });//

浏览 0提问于2017-10-27得票数 1

2回答

为什么chrome developer tool中的缓存在脱机模式下会变空？

javascript、service-worker、progressive-web-apps

我使用service worker来缓存和获取文件。var filesToCache = [ '/service-worker/offline

浏览 4提问于2018-08-31得票数 12

1回答

服务工作者不在节点js服务器的脱机模式下工作。

javascript、node.js、localhost、service-worker、progressive-web-apps

服务工作人员+缓存似乎不错，但在脱机模式下我只能获得Chrome脱机页面。服务的页面(通过 url)有一些客户端JS，我在其中注册了一个服务工作人员： if ('serviceWorker' in navigator) {navigator.serviceWorker .register(rootPath+'/js/<

浏览 2提问于2017-08-27得票数 9

回答已采纳

1回答

角度:服务人员配置

angular、service、progressive-web-apps、offline、worker

/node_modules/@angular/service-worker/config/schema.json", "assetGroups":cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)" } ]在Chrome控制台应用程序选项卡中，我可以看到服务工作</e

浏览 0提问于2019-11-22得票数 5

1回答

角6 PWA 504的铬误差。基本的人权问题？

angular、google-chrome、iis、service-worker、progressive-web-apps

当我尝试脱机访问我的PWA时(在Chrome中)，会出现一个HTTP 504错误。，这样应用程序就可以找到ngsw-worker.js ServiceWorkerModule.register('./ngsw-worker.js', { enabled: environment.production })。使Chrome脱机(F12 -> Application -> Service Worker ->脱机) 重新加载

浏览 2提问于2018-11-13得票数 6

1回答

Angular service* worker未在开发模式下注册*

angular、progressive-web-apps、angular-service-worker

我想知道是否有可能在开发模式(非生产模式)期间测试pwa并注册serviceworker。当我进行ng构建时--prod然后启动dist文件夹中的then server--它工作得很好，但是当我在没有构建的情况下执行ng服务时，它会给我一个chrome错误: Service Worker注册失败

浏览 0提问于2018-02-04得票数 11

1回答

如何为网站提供离线支持

javascript、php

我看到一些网站，可以重新加载整个网站和工作时，即使没有互联网访问。例如，第一次，我去了abc.com，一切正常工作。但在那之后，我关闭了网站，断开了与互联网的连接(我拔掉了电缆)，并再次访问了该网站。

浏览 3提问于2018-05-30得票数 1

回答已采纳

2回答

Service worker未使用nodejs服务器在脱机模式下运行

node.js、service-worker、progressive-web-apps

当我开发时，没有使用node (socket.io运行)，只是像我期望和需要的那样脱机运行。 .then(function() { console.log('Service Worker Regi

浏览 2提问于2017-03-29得票数 4

1回答

在Chrome中使用Service* Worker无法在脱机模式下呈现CSS*

javascript、css、google-chrome、service-worker

我正在尝试让我的PWA在脱机模式下工作。到目前为止，它提供了来自localhost的所有文件，但CSS没有呈现。从缓存请求的所有文件都处于状态200。(javascript和html功能齐全)以下是我的服务工作者代码。

浏览 16提问于2021-11-23得票数 0

1回答

服务工作者无法脱机获取资产

node.js、angular、service-worker、offline、offline-caching

当服务器运行时，当我转到localhost:3000时，服务工作人员安装正确，如果我转到Chrome Devtools中的Application选项卡，然后选中“脱机”并重新加载页面，它也会正常工作。> </body> <script src="/service</e

浏览 0提问于2019-07-17得票数 0

3回答

如何在亚马逊网络服务S3中设置自定义响应头

amazon-s3、amazon-cloudfront、service-worker

我想让我的应用程序进入脱机模式，并且我想注册一个服务工作者。我可能需要从亚马逊网络服务S3的worker.js响应中返回自定义标头"Service-Worker-Allowed“。

浏览 15提问于2016-08-15得票数 17

1回答

，则CRA的服务工作者不会介入

reactjs、service-worker、create-react-app

如果查询/参数由点(.)组成，我会遇到CRA的Service Worker的问题例如，https://www.example.com/?q=2.1 该网站将无法脱机工作，但如果您删除点，if将再次工作。如何在不更改参数或弹出的情况下修复此问题？

浏览 11提问于2019-10-17得票数 0

回答已采纳

点击加载更多