I am developing a web app that uses an appcache manifest for offline use. One of the files to be cached is relatively large (13.6 MB). The caching works as expected in Firefox desktop, both as a web app and as a normal web page. However, the offline caching of the large file doesn't seem to be working in Firefox mobile, either as a web app or in the regular browser mode. Is there a offline cache size limit in Firefox mobile? I have found this site about limits, but didn't see anything about Firefox mobile. I have also looked extensively at the Mozilla documentation. Thanks for any help.
Related
I am trying to solve a mystery:
A page from a React web app can be loaded in Safari on iOS
That page can be loaded in Chrome on iOS if you choose "Request Desktop Site"
That page is blank when attempting to load it in Chrome on iOS if you go with the default "Request Mobile Site"
The page works fine in desktop browsers
I have taken steps to enforce a timeout on the server side, in case there is a connection that is hanging. But when I consult the logs, the requests complete quickly without any of the usual follow-on activity. My guess is that there is a JavaScript error of some kind that is causing the React app to bail.
What is a good next step that might be helpful in troubleshooting this issue?
ETA: Added new information that confirms the requests are making it from Chrome to the Golang server, as expected.
I think what's going on is that the "Request Mobile Site" mode falls over when there's a large JavaScript bundle, whereas the "Request Desktop Site" doesn't for some reason.
For anyone who runs into this situation, something that worked for me was to decrease the amount of JavaScript that the iOS Chrome app has to load, e.g., using code splitting, user agent sniffing and redirection to a less memory-intensive page in the case of iOS Chrome. After doing this, things worked fine. I'm guessing that less memory is available to apps running in the "Request Mobile Site" mode than in the "Request Desktop Site" mode.
I use cache.manifest (with correct content-type and expire=-1 http-header) to cache a very very simple page for offline use. (this page)
The page works correctly with chrome browser, but FF 29 doesn't display it when I am offline.
I also use this code but I couldn't find the problem.
I'm working on a site using cached video in HTML5. It works fine on a laptop using Safari. When I test on mobile Safari using IOS 5, I see the following:
Site works and plays video fine when 1st loaded.
I get prompted if I want to cache 10 MB of data on my iPhone. I say yes. (Cache size in Safari was 9.5 MB) Website data page in mobile Safari settings confirms 9.5 MB are cached.
When I try to return to the website in a new tab, the HTML and images load, but for the video I get a play button with a line through it.
This happens regardless of whether I turn Airplane Mode on or off.
I have the exact same issue. I have seen various things by searching that suggest one of two things. Either HTML5 cache.manifest doesn't allow video, or mp4/m4v videos get cached with a different name and then don't get found after caching. I'm hoping there is a way to do it, but I still haven't found anything.
I created a web app for mobile i want that i can use it offline too.
i use a manifest file its working fine with desktop browser but not working with mobile browser.
What is the problem?
thanks in advance...
For the iPad, the cache manifest file MUST BE named as "cache.manifest".
if you want to dedub the code then
Blog Post
Should we not use HTML5 offline Manifest on iphone because of cache size is very limited? I don't exactly about Android browser.
I'v a simple Mobile website with 20-25 pages which I would like to make it work offline too. This site has Images, CSS, Javascrpt, HTML output, one audio file of 100kb. so total size of website is around 3mb.
As i read iphone safari has only 5MB space reserved for cache which is very low. And even I use manifest to cache some files but if user has already surfed some other websites which were using Manifest too and it filled 5MB cache then even will browser take my app's files in cache?
A good link related to this http://techblog.viewbook.com/2011/02/mobile-safari-offline-application-cache-limit/
If other websites are using the application cache, they will get their own 5Mb to use. Different sites don't share appcache data.
Yes, you should use it.
5MB is the standard storage size available to offline apps provided by browsers, it is not unusual, 5MB is the level set by the HTML5 standard.
The vast majority of offline capable apps will fit within 5MB, not-forgetting theres a WebSQL databases if you need to store there too.
Remember, the offline storage is for offline apps, not the caching of entire websites for the sake of it.
Typically, an offline app will comprise only of a couple of actual HTML pages, with the rest being generated by JavaScript through the logic of the application.