Is there a cross-browser way to store tiles in web storage?

Question

I found the following page in the ArcGIS javascript samples that supposedly gives an example of how to store tiles locally:

https://developers.arcgis.com/javascript/jssamples/exp_webstorage.html

It says that it doesn't work with IE - and I tested it and they are right - it doesn't work with IE.

Does anybody know of an approach to storing tiles locally that does work with IE?  In other words, is this really a problem with IE or is the example just not robust enough?

DaveSouthern · Answer

I think there's something screwy going on with my system.  I tried the following sample code to work with IndexedDb directly:

window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.OIndexedDB || window.msIndexedDB,

IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.OIDBTransaction || window.msIDBTransaction,

dbVersion = 1;

var request = indexedDB.open("elephantFiles", dbVersion);

But when I ran it, I got an error saying that indexedDB was undefined.

DaveSouthern · Answer

I wasn't able to get either localForage or Dexie to even be recognized in my app.  I added the scripts to my pages, but whenever I tried to reference them, they showed up as undefined.  I wonder if something is going on because I'm using VS2015 or because of dojo being used in the app.  It just seems so strange...

ReneRubalcava · Answer

One tip I can give is that web storage data should be strings, so you can do JSON.stringify(data). PouchDB should handle this, but if you are getting the 'object [Object]' response, you may need to stringify the data yourself.

I updated the link in the README there but here it is.

Taking it offline - odoenet

Hope that helps.