Bekijk en bewerk lokale opslag

Kayce Basques

Sofia Emelianova

In deze handleiding ziet u hoe u Chrome DevTools gebruikt om localStorage sleutel-waardeparen te bekijken, bewerken en verwijderen. Lokale opslag slaat gegevens op tijdens browsersessies.

Bekijk localStorage sleutels en -waarden

1. Open DevTools op de website die u wilt inspecteren.

2. Navigeer naar Applicatie > Opslag en vouw Lokale opslag uit. Klik op een domein om de sleutel-waardeparen ervan te bekijken.

   

3. Selecteer een paar om een ​​voorbeeld van de waarde onder de tabel te bekijken.

   

Als u de sleutel-waardeparen handmatig wilt vernieuwen, klikt u op Vernieuw in de actiebalk bovenaan.

Filter sleutel-waardeparen

Om snel het sleutel-waardepaar te vinden dat u nodig heeft, typt u in het filtervak ​​bovenaan een tekenreeks die de sleutel of waarde bevat.

Maak een nieuw localStorage sleutel-waardepaar

1. Bekijk de localStorage sleutel-waardeparen van het domein . Op deze demopagina bijvoorbeeld.
2. Dubbelklik op het lege gedeelte van de tabel. DevTools maakt een nieuwe rij en plaatst uw cursor in de kolom Sleutel .
3. Voer een nieuw sleutel-waardepaar in.

Bewerk localStorage sleutels of -waarden

1. Bekijk de localStorage sleutel-waardeparen van een domein . Op deze demopagina bijvoorbeeld.
2. Dubbelklik op een cel in de kolom Sleutel of Waarde om die sleutel of waarde te bewerken.
3. Vernieuw de pagina om te solliciteren.

Verwijder localStorage sleutel-waardeparen

1. Bekijk de localStorage sleutel-waardeparen van een domein . Op deze demopagina bijvoorbeeld.
2. Klik op een sleutel-waardepaar om het te selecteren.
3. Klik Verwijder in de actiebalk bovenaan om het geselecteerde paar te verwijderen.
4. U kunt ook klikken Wis alles om alle paren te verwijderen.

Communiceer met localStorage vanuit de console

Omdat u JavaScript in de Console kunt uitvoeren en aangezien de Console toegang heeft tot de JavaScript-contexten van de pagina, is het mogelijk om vanuit de Console met localStorage te communiceren.

1. Open in DevTools de console .
2. Als u toegang wilt krijgen tot de localStorage sleutel-waardeparen van een ander domein dan de pagina waarop u zich bevindt, selecteert u de JavaScript-context die u nodig heeft in het contextvervolgkeuzemenu in de actiebalk bovenaan.
3. Voer uw localStorage expressies uit in de Console , op dezelfde manier als in uw JavaScript.