Questions tagged [cacheapi]

49 questions
2
votes
1 answer

PreloadJS and Service Worker

I am trying to use service worker with PreloadJS. I have cached the images required and then loading them using the caches.match() function. When I try to load the image with jquery it works fine, but on loading with preloadJS it gives the…
formatkaka
  • 1,278
  • 3
  • 13
  • 27
1
vote
0 answers

iOS Webview in React-Native - Quota exceded

I have a react-native app that uses a webview. This loads a website that is using the Cache API and an indexed db (w/Dexie) to save some data. If I run this site on the browser normally and try to save some content for offline use and exceed the 1GB…
pdcc
  • 363
  • 5
  • 17
1
vote
0 answers

Does the browser consult the cache automatically, if I put some files in the cache using Cache API?

If I put a file in the cache using the Cache API - from the main page, without a Service Worker - will the browser consult the cache automatically, if the request/url I use in cache.put() matches the new/subsequent request? Or is it always necessary…
tommyleejones
  • 330
  • 3
  • 7
1
vote
0 answers

Save linked images in an app inside the cache using service worker or in database using nedb

I want to save the images that are provided by a JSON response from an api service. At the moment the user have the ability to deiplay them and to save them on the pc. What I want to do is to store the image inside an internal database of my app…
nukiko12
  • 129
  • 1
  • 1
  • 10
1
vote
1 answer

What Is The Difference Between Cache Storage and Cache Object in CacheAPI

So I tried to learn cache storage and fire cache from the mozzila developer network, but I don't really understand what the basic differences are from cache storage and object cache, both have the same function for example caches.match and…
1
vote
0 answers

Caching entire PWA on click

I was just wondering if there is a convenient way to cache an entire PWA on click? Just like you would download and install a native app from an app store? If I am not wrong, the only solution currently is that you have to add all existing files in…
1
vote
1 answer

Browser Cache Storage issue

I am storing 40,000 plus images in cache storage using cache.put(). I can see all the images in cache storage successfully stored. But when I am using my react js website offline, some images are displaying and some are not displaying. The browser…
1
vote
2 answers

How can I make the service worker cache the next page?

I'm building a quiz. A page is displaying a question, and when the user answers, another page is displaying the answer. When the user is on the question page, I would like in advance to cache the corresponding answer page. So when the user answers a…
user2923322
  • 1,072
  • 1
  • 11
  • 25
1
vote
1 answer

How can I return content of my offline file in a fetch catch?

I have a SPA application and trying to implement support for PWA using a service worker. I cache an offline.html file which I want to display on any network errors. I can't get it to work as I want when my REST API calls fails due to no…
poa
  • 101
  • 2
  • 14
1
vote
0 answers

Browser Image Cache issue with html5 Local Cache Storage

I am using htlm5 "Cache Storage / Cache API" to store some large svg image game assets for an online html5 game. The Cache API feature works great. When I need to make updates to these images, In my javascript I am able remove my old cache storage…
Tony
  • 83
  • 1
  • 7
1
vote
1 answer

in the Cache API , what is the difference between using caches.match(event.request) and caches.match(event.request.url)

I'm working with services worker and I have the following code self.addEventListener('fetch', function (event) { const url = new URL(event.request.url) if (event.request.mode == "navigate") { const fetchData =…
1
vote
0 answers

Service Worker caching eventsource, xhr

I have a service worker running and registered - it adds a bunch of files to the "static cache" - as files are initiated / requested - they are dynamically added to the cache - it's running and working fine - however, I notice that the live data in…
user7468494
1
vote
0 answers

Can't delete file from cache in Safari

In an Angular 6 application I'm using the Cache API to be able to store and delete an MP3 file. In Safari, when trying to delete the file it doesn't get deleted and I receive a "Quota Exceeded" error message (in Chrome it works well). I created an…
Daniel Muñoz
  • 1,374
  • 12
  • 18
1
vote
0 answers

What response time to expect for a cached file to be served from the service worker?

I noticed that cached files served from a service worker take way to much time according to the Chrome devTools Network tab which shows Size=(from ServiceWorker) and Time=139ms for a small image file (60x60). The fetch handler within my service…
Chilly Code
  • 678
  • 2
  • 6
  • 17
0
votes
1 answer

Service worker is oversizing cache

I have a wired case that I couldn't find an explanation to. using Cache API in the service worker. When I cache a file from my own origin, the cached size is ok. about 8Kb. When I move the file to CloudFront/S3 the cached size doesn't make sense and…
Gugu
  • 193
  • 1
  • 8