使用js写一个方法获取localStorage和sessionStorage的大小

在前端开发中，你可以使用JavaScript来编写一个方法，用于获取localStorage和sessionStorage的大小。由于localStorage和sessionStorage存储的数据是以字符串形式存在的，因此你可以通过计算所有键（key）对应值（value）的字符串长度来获取它们的大致大小。请注意，这种方法提供的是字节（byte）级别的大致估计，而不是精确的空间占用情况。

以下是一个示例方法，用于获取localStorage和sessionStorage的大小：

function getStorageSize(storage) {
  let totalSize = 0;
  for (let key in storage) {
    if (storage.hasOwnProperty(key)) {
      const value = storage[key];
      // 使用UTF-8编码计算字符串长度（每个字符可能占用1到4个字节）
      // 这里简化处理，假设每个字符占用2个字节（对于ASCII字符是足够的，但可能低估了非ASCII字符的大小）
      const size = new Blob([value], { type: 'text/plain;charset=utf-8' }).size;
      totalSize += size;
    }
  }
  return totalSize;
}

// 使用示例
const localStorageSize = getStorageSize(localStorage);
const sessionStorageSize = getStorageSize(sessionStorage);

console.log('localStorage size:', localStorageSize, 'bytes');
console.log('sessionStorage size:', sessionStorageSize, 'bytes');

注意：上述方法使用了Blob对象来估算字符串的大小。这是因为直接计算字符串长度（使用.length属性）只会给出字符数，而不是字节数。UTF-8编码中，一个字符可能占用1到4个字节（对于大多数常见字符，通常是1到2个字节）。为了简化处理，上述代码假设每个字符平均占用2个字节，这对于ASCII字符是足够的，但可能会低估包含非ASCII字符（如中文、日文、特殊符号等）的字符串的实际大小。

如果你需要更精确的大小估算，可以考虑使用专门的库或函数来处理UTF-8编码的字符串长度计算。

另外，请注意，浏览器的localStorage和sessionStorage通常有限制（例如，每个来源的localStorage可能限制为5MB），因此在实际应用中，你可能还需要处理存储空间不足的情况。