HTML5 AppCache - preview in browsers

[lkurylo]

Hello.

I'm implementing an appcache in my application and I have a lot of problems with setings it correctly.

For this specific moment I have problems to determine, if files loaded are for sure from the appcache and not from the regular cache?

Can someone provide me with links/tips how can I check that? E.g. in Chrome in the dev tools in Network tab there is placed a (from cache) text for cached resources, but how can I know this is the correct cache?

In Firefox sometimes on files which should be cached in appcache I have nitification in Firebug, that they are loaded from BFCache not AppCache and something like tjat houldn't happen.

So once again, can you provie me with e.g. some plugins for popular browsers (IE, Firefox, Chrome) to check that?

[anthony]

I don't know about Firefox but I know in Chrome you can view AppCache data using be entering the URL "chrome://appcache-internals/" into your browser's address bar.

 

This will give you a list per manifest of the size, creation, last update and last accessed dates. You should be able to "View Entries" then to see what files are loaded

and you can also remove caches too.

[lkurylo]

I know that. In Firefox you can use the about:cache to show the cached items. But I'm asking how to check in the browser dev tools if the file is really pulled from appcache.

Since I have written this topic, I figured something out.

 

I have situation like in this link: japhr.blogspot.com/2013/03/busting-appcache-with-iframes.html I have an iframe and all files are visible in appcache. The problem is with the iframe itself. If I remove the iframe and set the manifest on the page, then in IE11 the manifest is not even parsed, because the page has a no-store header. This is set to disable the back browser button after logout. That's why I used the iframe and right know I can't think of any solution for this.