HTML5-localStorage eliminar y borrar todos los datos [duplicar]

Si desea eliminar/limpiar todos los valores del almacenamiento local, use

localStorage.clear();

Y si desea eliminar el elemento específico del almacenamiento local, use el siguiente código

localStorage.removeItem(key);

Solo funcionó para mí en Firefox al acceder desde el objeto window.

Ejemplo...

window.onload = function()
{
 window.localStorage.clear();
}

Usando .one se asegura de que esto se haga solo una vez y no repetidamente.

$(window).one("focus", function() {
    localStorage.clear();
});

Está bien poner varios documentos.listeners de eventos listos (si necesita que otros eventos se ejecuten varias veces) siempre y cuando no se exceda, por el bien de la legibilidad.

.one es especialmente útil cuando desea que el almacenamiento local se borre solo una vez que se abre una página web por primera vez o cuando se instala una aplicación móvil la primera vez.

   // Fired once when document is ready
   $(document).one('ready', function () {
       localStorage.clear();
   });

Algo como esto debería hacer:

function cleanLocalStorage() {
    for(key in localStorage) {
        delete localStorage[key];
    }
}

Tenga cuidado al usar esto, sin embargo, ya que el usuario puede tener otros datos almacenados en localStorage y probablemente estaría bastante marcado si eliminara eso. Recomendaría a) no almacenar los datos del usuario en localStorage o b) almacenar las cosas de la cuenta del usuario en una sola variable, y luego borrarlo en lugar de eliminar todas las claves en localStorage.

Editar : Como Lyn señaló, serás bueno con localStorage.clear(). Mis puntos anteriores todavía de pie, sin embargo.