我编写了一个 web 应用程序，它允许您将图像存储在 localStorage 中，直到您点击保存（如果信号不佳，它可以离线工作）。
当 localStorage 达到 5MB 时，Google Chrome 会在 javascript 控制台日志中产生错误：
未捕获的错误：QUOTA_EXCEEDED_ERR：DOM 异常 22
如何在 Google Chrome 上增加 localStorage 配额的大小？
【问题讨论】：
标签： javascript html google-chrome local-storage
5MB 是一个硬限制，这很愚蠢。 IndexedDB 给你〜50MB，这是更合理的。为了更容易使用，试试 Dexie.js https://github.com/dfahlander/Dexie.js
更新：
Dexie.js 实际上对于我的简单键值用途来说仍然是一个过度杀伤，所以我编写了这个更简单的脚本https://github.com/DVLP/localStorageDB
有了这个你有 50MB 并且可以像这样获取和设置值
// 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);
});
复制/粘贴下面的行，以便上面示例中的ldb.set() 和ldb.get() 可用。
!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)}}}();
【讨论】：
ldb.get('nameGoesHere', function (value) { console.log('And the value is', value) });
Object.keys(localStorage)。）
你不能，它是 5MB 的硬连线。这是design decision by the Chrome developers。
在 Chrome 中，Web SQL db 和缓存清单在默认情况下也有下限，但如果您将应用打包为 Chrome 应用商店you can increase them。
【讨论】：
您不能，但如果您将 JSON 保存在 localStorage 中，您可以使用库来压缩数据，例如：https://github.com/k-yak/JJLC
【讨论】：
配额供用户设置，即他希望为每个网站允许多少空间。
因此，由于目的是限制网页，网页不能更改限制。
如果存储空间不足，可以提示用户增加本地存储空间。
要确定存储是否不足，您可以通过保存对象然后删除它来探测本地存储大小。
【讨论】：