Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22

by

5MB is a hard limit and that is stupid. IndexedDB gives you ~50MB which is more reasonable. To make it easier to use try Dexie.js https://github.com/dfahlander/Dexie.js

Update:

Dexie.js was actually still an overkill for my simple key-value purposes so I wrote this much simpler script https://github.com/DVLP/localStorageDB

with this you have 50MB and can get and set values like that

// Setting values
ldb.set('nameGoesHere', 'value goes here');

// Getting values - callback is required because the data is being retrieved asynchronously:
ldb.get('nameGoesHere', function (value) {
  console.log('And the value is', value);
});

Copy/paste the line below so ldb.set() and ldb.get() from the example above will become available.

!function(){function e(t,o){return n?void(n.transaction("s").objectStore("s").get(t).onsuccess=function(e){var t=e.target.result&&e.target.result.v||null;o(t)}):void setTimeout(function(){e(t,o)},100)}var t=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB;if(!t)return void console.error("indexDB not supported");var n,o={k:"",v:""},r=t.open("d2",1);r.onsuccess=function(e){n=this.result},r.onerror=function(e){console.error("indexedDB request error"),console.log(e)},r.onupgradeneeded=function(e){n=null;var t=e.target.result.createObjectStore("s",{keyPath:"k"});t.transaction.oncomplete=function(e){n=e.target.db}},window.ldb={get:e,set:function(e,t){o.k=e,o.v=t,n.transaction("s","readwrite").objectStore("s").put(o)}}}();

More Related Contents:

  1. How to store objects in HTML5 localStorage
  2. HTML5 Local storage vs. Session storage
  3. How do I load an HTML page in a div using JavaScript?
  4. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  5. When do items in HTML5 local storage expire?
  6. JavaScript; communication between tabs/windows with same origin [duplicate]
  7. In HTML5, is the localStorage object isolated per page/domain?
  8. JSFiddle code not working in my own page
  9. html5 localStorage error with Safari: “QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota.”
  10. Cross-origin data in HTML5 canvas
  11. Looping through localStorage in HTML5 and JavaScript
  12. \u200b (Zero width space) characters in my JS code. Where did they come from?
  13. Chrome Autofill/Autocomplete no value for password
  14. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  15. Is innerHTML asynchronous?
  16. How to clear cache of service worker?
  17. How to find the size of localStorage
  18. Checkbox Check Event Listener
  19. How do I save and restore a File object in local storage
  20. How can I retain the scroll position of a scrollable area when pressing back button?
  21. Animated gif only loops once in Chrome and Firefox
  22. Chrome FileReader
  23. Completely lost on how to save extension popup window content
  24. Making a Chrome Extension download a file
  25. Saving and loading an image from localStorage
  26. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  27. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  28. HTML5 drop event doesn’t work unless dragover is handled
  29. Print repeating Page headers in Chrome [closed]
  30. Why do two web pages have different localStorage? How can I fix this?

Leave a Comment