Löschung von localStorage in javascript?

Question

Gibt es eine Möglichkeit zum Zurücksetzen/Löschen des Browsers localStorage in javascript?

Answer 1

So löschen Sie sessionStorage

sessionStorage.clear();

Answer 2

Wenn jemand nach einer Möglichkeit sucht, den localStorage zu löschen, wenn eine Browser-Registerkarte geschlossen wird, funktioniert der folgende Code. (Beispielanwendung: einige kopierte Daten in localStoarge behalten, um sie in einen anderen Tab einzufügen - aber gleichzeitig muss der Cache nicht in neuen Tabs erscheinen, wenn alle vorherigen Tabs geschlossen werden)

window.onbeforeunload = () => {
  // get localStorage item with specified key
  const storage = JSON.parse(localStorage.getItem('MY_KEY'));
  // clear cache if exists
  if (!isNil(storage)) localStorage.removeItem('MY_KEY');
};

Es fügt dem Fenster einen eventListener hinzu, um das Schließen der Registerkarte zu erkennen und löscht kurz vor dem Schließen den localStorage der Registerkarte (mit dem angegebenen Schlüssel). Der lokale Speicher (desselben Schlüssels) wird auf anderen Registerkarten nicht gelöscht.

Dies ist eine großartige Lösung, wenn wir localStorage nur in der geschlossenen Registerkarte löschen und den localStorage (desselben Schlüssels) in anderen Registerkarten intakt lassen wollen.

Also das,

1. Solange ein Benutzer eine Registerkarte geöffnet hält, kann er den localStorage-Cache nutzen, und
2. nachdem alle Registerkarten geschlossen wurden, erscheint der localStorage nicht auf neuen Registerkarten.

Answer 3

Hier ist ein einfacher Code, der den im Browser gespeicherten lokalen Speicher mit Hilfe von Javascript löscht

    <script type="text/javascript">

if(localStorage) { // Check if the localStorage object exists

    localStorage.clear()  //clears the localstorage

} else {

    alert("Sorry, no local storage."); //an alert if localstorage is non-existing
}

</script>

Um festzustellen, ob localstorage leer ist, verwenden Sie diesen Code:

<script type="text/javascript">

// Check if the localStorage object exists
if(localStorage) {

    alert("Am still here, " + localStorage.getItem("your object name")); //put the object name
} else {
    alert("Sorry, i've been deleted ."); //an alert
}

</script>

wenn er null zurückgibt, wird der lokale Speicher gelöscht.

Answer 4

Manuelle Taste:

<script>
function ask() {
if (confirm('Clear localStorage?') == true) {
localStorage.clear()
location.reload()
}
else {
alert('Nothing happend')
}
}
}
</script>
<style>
button {border-width:0px;background-color:#efefef;padding:5px;width:5cm;margin:5px;}
</style>
<button onclick=ask()>Clear localStorage</button>