iphone offline web app cache does not function

Question

I am developing an offline web app for iphone. I have created the application and tested, it works fine apart of one feature, it is not being cached.

I have created the manifest file, and I checked with fiddler whether the right mime type comes in, and everything seems to be fine, when I shut down my data and wireless network connection, the application fails to open.

Does anyone has a clue for this problem?

Thanks Arian

Answer 1

In order to cache a web app using manifest file, the browser must be able to get all files listed in the manifest file.

Although I made sure that each file can be located from the browser, there was one missing part. The browser was looking for favicon.ico file, although it was not specified in the manifest file, and as it was not found in the directory, the application was not cached.

Immediately after putting favicon.ico file in the directory, the application started to be cached and work offline.

Answer 2

There is a cache limit that you might be hitting. I believe it's around 5mb, but I'm not 100% certain.

Take a look at: http://www.thecssninja.com/javascript/how-to-create-offline-webapps-on-the-iphone

also: Max size iPad / iPhone Offline Application Cache

and: http://techblog.viewbook.com/2011/02/mobile-safari-offline-application-cache-limit/

That said, it appears that iOS 4 allows you to store more.