有没有办法用javascript重置/清除浏览器的localStorage?


当前回答

首先,您需要检查以确保已启用localStorage。我建议这样做:

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

是的,您可以(在某些情况下)检查localStorage是否是窗口对象的成员。然而,如果您甚至试图访问索引“localStorage”,则会有iframe沙盒选项(以及其他选项)引发异常。因此,出于最佳实践的原因,这是检查是否启用了localStorage的最佳方法。然后,您可以这样清除localStorage。

if (localStorageEnabled) localStorage.clear();

例如,您可以在类似这样的webkit浏览器中发生错误后清除localStorage。

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

在上面的示例中,您需要.bind(window),因为如果没有它,localStorage.clear函数将在window对象的上下文中运行,而不是localStorage对象使其自动失败。要演示这一点,请看以下示例:

window.onerror = localStorage.clear;

与以下内容相同:

window.onerror = function(){
    localStorage.clear.call(window);
}

其他回答

window.localStorage.clear(); //try this to clear all local storage

如果要清除存储在localStorage中的所有项目,则

localStorage.clear();

使用此选项清除所有存储的密钥。

如果您只想清除/删除特定的键/值,则可以使用removeItem(键)。

localStorage.removeItem('yourKey');

清除sessionStorage

sessionStorage.clear();

如果需要清除本地存储数据,请使用:

localStorage.clear()

要从本地存储中删除特定项目,请执行以下操作:

localStorage.removeItem('Item')

首先,您需要检查以确保已启用localStorage。我建议这样做:

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

是的,您可以(在某些情况下)检查localStorage是否是窗口对象的成员。然而,如果您甚至试图访问索引“localStorage”,则会有iframe沙盒选项(以及其他选项)引发异常。因此,出于最佳实践的原因,这是检查是否启用了localStorage的最佳方法。然后,您可以这样清除localStorage。

if (localStorageEnabled) localStorage.clear();

例如,您可以在类似这样的webkit浏览器中发生错误后清除localStorage。

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

在上面的示例中,您需要.bind(window),因为如果没有它,localStorage.clear函数将在window对象的上下文中运行,而不是localStorage对象使其自动失败。要演示这一点,请看以下示例:

window.onerror = localStorage.clear;

与以下内容相同:

window.onerror = function(){
    localStorage.clear.call(window);
}