Question

I have been playing with HTML5 Offline web apps and the File API using Chrome. After looking at what the guys and girls have done at html5rocks,
I was wondering if there is a way to find out more information about the file system/sandbox?

For example:
– Where on disk is the files/sandbox being stored?
– How much space is free/used?
– Is the data encrypted?

I am hoping for an internal Chrome url similar to chrome://appcache-internals which allows you to manage the appcache for an offline web app.

Answer 1

Thanks the the book Using Html5 Filesystem API (by Eric Bidelman), if you go to “chrome://settings/cookies” search for your url you can find quota and usage stats about the local filesystem.

The following code snippet also prints out this info:

window.webkitStorageInfo.queryUsageAndQuota(TEMPORARY, function(usage, quota) {
        console.log('Using: ' + (usage / quota) * 100 + '% of temporary storage');}, 
    function(e) { 
        console.log('Error', e); 
});