javascript - 使用 JavaScript 删除网站上所有客户端存储的数据

Question

客户端数据可以以多种不同的方式存储(cookies、localStorage、授予的权限等)。在我的网站上，我想有一个“清除数据”按钮，当用户单击该按钮时，我想删除所有客户端存储的数据，这样就不会留下用户曾经在客户端计算机上访问过我的网站的痕迹。网络浏览器是否包含一个 API？ (如果是这样，我该如何使用它？)还是我必须使用每个单独的存储相关 API 并告诉每个 API 删除它存储的数据？

Answer 1

您可以调用 API 并在该 HTTP 响应的 header 中添加 Clear-Site-Data:"*"。您可以找到更多信息 here

如果你想用javascript代码处理它，这可能对你有帮助

sessionStorage.clear()

localStorage.clear()

caches.keys().then(keys => {
  keys.forEach(key => caches.delete(key))
})

indexedDB.databases().then(dbs => {
  dbs.forEach(db => indexedDB.deleteDatabase(db.name))
})

document.cookie = document.cookie.split(';').reduce((newCookie1, keyVal) => {
  var pair = keyVal.trim().split('=')
  if (pair[0]) {
    if (pair[0] !== 'path' && pair[0] !== 'expires') {
      newCookie1 += pair[0] + '=;'
    }
  }
  return newCookie1
}, 'expires=Thu, 01 Jan 1970 00:00:00 UTC; path:/;')