Error handling "Out of Memory Exception" in browser?

Question

I am debugging a javascript/html5 web app that uses a lot of memory. Occasionally I get an error message in the console window saying

"uncaught exception: out of memory".   

Is there a way for me to gracefully handle this error inside the app?

Ultimately I need to re-write parts of this to prevent this from happening in the first place.

Answer 1

You should calclulate size of your localStorage, window.localStorage is full

as a solution is to try to add something

var localStorageSpace = function(){     var allStrings = '';     for(var key in window.localStorage){         if(window.localStorage.hasOwnProperty(key)){             allStrings += window.localStorage[key];         }     }     return allStrings ? 3 + ((allStrings.length*16)/(8*1024)) + ' KB' : 'Empty (0 KB)'; };  var storageIsFull = function () {     var size = localStorageSpace(); // old size      // try to add data     var er;     try {          window.localStorage.setItem("test-size", "1");     } catch(er) {}      // check if data added     var isFull = (size === localStorageSpace());     window.localStorage.removeItem("test-size");      return isFull; }