如何检查HTML5会话存储是否有足够的空间存储新项目

Question

我想在html5会话存储中存储一系列项目。 但是在将新项目存储在数组中之前，我想看看是否有足够的空间，如果它没有足够的，我想删除第一个元素并添加新项目。 我如何知道会话存储中的可用空间？

Answer 1

尝试将数据放在那里并发现可能的错误：

try {
    sessionStorage.setItem('key', data);
} catch (e) {
    if (e.name === 'QuotaExceededError') {
        /* do something else */
    }
}