Hi,

Anyone been working with the applicationcache with HTML5.

I've been experimenting and *appear* to have everything setup correctly;

The browser recognizes the presence of the manifest on the server and downloads all specified items correctly.
Monitoring the applicationCache events on the browser I can see that the 'cached' event occurs.

BUT : when I refresh the page all content is again downloaded from the server (even though applcationCache reports no update)
My understanding is that the browser should not do this if there is no change to the manifest file - it should automatically use the items from the applicationCache?

Of course the above means that if the browser is taken offline it no longer works.

I'm getting this behaviour on all the browsers I've tried (Chrome,IE, Firefox on Windows, Chrome on a Nexus 7 and Safari on an IPad) which leads me to believe there's something basically wrong :-{)

The manifest (served up via MVC) looks like this:

@{ Layout = null;}CACHE MANIFEST
#Ver 1.0.106
CACHE:
/scripts/jquery-1.8.2.js
/scripts/gwctCommon.js
/images/arrow.png
/content/offlinenavigator.css
/trapper/offlinenavigator
NETWORK:
*

When offline the javascript files and the page are still available but the .css and .png are not (but I'm assuming the javascript ones might simply be available because they are cached locally anyway?)

Any suggestions ?

UPDATE : Got it!
Case senitivity issue. Seems like all urls listed in the application cache are stored in lower case.
Even if the casing in the manifest and the html both match it will fail unless the url reference in the html is in lower case.
I've not seen this mentioned anywhere and need to do a bit more to confirm but it fixes the problem......