Using Cache-API not possible in Safari/Chrome on IOS, is that correct?
Question
Can I or can I not use caching API with service workers on IOS in either Safari or Chrome as of IOS 13.1?
Background
I have a web app, that is to be used offline.
I use:
Works in Chrome on Windows/Android
Works as expected.
Does not work when offline on IOS
However, on IOS (13.1+), if you try to refresh (click refresh in browser) an html file when offline, the cache does not seem to work (you get the standard page not found error). This goes for Chrome as well as Safari.
Confusing information about caching API on IOS Safari
According to CanIUse, the caching API is not supported in Safari latest, which would explain the behaviour. I was not able to find information about Chrome for IOS support for cache, but I would guess it is not supported, if not in Safari.
I have found several sources that say caching API is supported in IOS Safari, so I am pretty confused.
Question again
Can I or can I not use caching API with service workers on IOS in either Safari or Chrome as of IOS 13.1?
I have deliberately not included any code examples, as the question is general and depends on whether the feature is supported in IOS Safari/Chrome or not. If it is possible to use the caching api, but I somehow implemented it wrong in code, that is for another specific post.
According to https://developer.mozilla.org/en-US/docs/Web/API/Cache#Browser_compatibility cacheapi should be supported in desktop safari not in mobile. I found this post https://webkit.org/blog/8090/workers-at-your-service/ check the bottom they are waiting for your feedback :)
And for chrome according to https://chromestatus.com/feature/6461631328419840 it suppose to work. you can find who is responsible of the cache api in chrome and file a bug from that page.
over all I should say cache api looks like not used very much. because there is not much detailed posts on the topic.
- Is it possible to pull css values with HTA javascript?
- What a strange syntax?
- JavaScript / Jest: How to show logs from test case only when test fails?
- How to secure my login page
- How can I create a two-way mapping in JavaScript, or some other way to swap out values?
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- Page.locator() is the recommended way to select and interact with elements. Why does it offer less functionalities than Page.$()?
- How to filter object array based on attributes?
- How do you convert from emoji to unicode escapes in JS
- How to simulate a mouse click?
- Is it possible to add a single item to a vis.js timeline?
- How to ensure order of Cypress request execution
- Jquery Ajax Problem
- Can I run a function after navigating to a new page and waiting for that page to finish loading?
- Cannot start cocos after adding a new file
- Active link with React-Router?
- Is there a way to schedule offline notifications in a pwa?
- How to get the grid coordinates of an element using JavaScript?
- Bootstrap popper.js Failed to find a valid digest in the 'integrity' attribute for resource
- LeafLet map doesnt render properly on modal
- Create object from array
- How to ignore lines of code from coverage in vitest?
- How to manage CORS in Django
- How can I get an element's Accessible Name in javascript in the browser?
- TypeError: fs.readFileSync is not a function in Next.js
- Show hide divs on click in HTML and CSS without jQuery
- If an IIFE contains just one variable declaration that is immediately exported to global scope, why bother with it?
- Need explanation on following type of Javascript code
- What does an array literal with the `for` keyword inside mean in JavaScript?
- How to call a function every minute in a React component?