Sessieopslag bekijken en bewerken

Kayce Basques

Sofia Emelianova

In deze handleiding ziet u hoe u Chrome DevTools gebruikt om sessionStorage sleutel-waardeparen te bekijken, bewerken en verwijderen. Sessieopslag wordt gewist wanneer de paginasessie eindigt.

Bekijk sessionStorage sleutels en -waarden

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

2. Navigeer naar Applicatie > Opslag en vouw Sessieopslag 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 Vernieuwen Vernieuwen 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 sessionStorage sleutel-waardepaar

1. Bekijk de sessionStorage 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 sessionStorage sleutels of -waarden

1. Bekijk sessionStorage 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 sessionStorage sleutel-waardeparen

1. Bekijk sessionStorage 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 sessionStorage 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 sessionStorage te communiceren.

1. Open in DevTools de console .
2. Als u toegang wilt krijgen tot de sessionStorage 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 sessionStorage expressies uit in de Console , op dezelfde manier als in uw JavaScript.