javascript - LocalStorage - 检测本地存储是否已满

Question

有没有办法检测本地存储是否已达到其存储的最大值？ 或者至少是一条错误消息，告诉我不能再存储，因为我已经达到了最大大小？我想捕获这个，这样我就可以删除本地存储中最旧的项目并插入新项目。

我正在使用本地存储来存储我的数据库中的一些查询，这样如果该特定项目存在于本地存储中，用户将能够立即加载它们。如果不是，那是我在服务器中检索数据的时间。

Answer 1

尝试添加到本地存储时，如果没有足够的空间，将抛出此错误。在您的特定场景中，您可以使用此事件来释放一些空间。

try {
  localStorage.setItem("name", "Hello World!"); //saves to the database, "key", "value"
} catch (e) {
  if (e == QUOTA_EXCEEDED_ERR) {
    alert('Quota exceeded!'); //data wasn't successfully saved due to quota exceed so throw an error
  }
}

归功于 - http://chrisberkhout.com/blog/localstorage-errors/