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
Open DevTools op de website die u wilt inspecteren.
Navigeer naar Applicatie > Opslag en vouw Sessieopslag uit. Klik op een domein om de sleutel-waardeparen ervan te bekijken.
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 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
- Bekijk de
sessionStorage
sleutel-waardeparen van het domein . Bijvoorbeeld op deze demopagina . - Dubbelklik op het lege gedeelte van de tabel. DevTools maakt een nieuwe rij en plaatst uw cursor in de kolom Sleutel .
- Voer een nieuw sleutel-waardepaar in.
Bewerk sessionStorage
sleutels of -waarden
- Bekijk de
sessionStorage
sleutel-waardeparen van een domein . Bijvoorbeeld op deze demopagina . - Dubbelklik op een cel in de kolom Sleutel of Waarde om die sleutel of waarde te bewerken.
- Vernieuw de pagina om te solliciteren.
Verwijder sessionStorage
sleutel-waardeparen
- Bekijk de
sessionStorage
sleutel-waardeparen van een domein . Bijvoorbeeld op deze demopagina . - Klik op een sleutel-waardepaar om het te selecteren.
- Klik Verwijder in de actiebalk bovenaan om het geselecteerde paar te verwijderen.
- 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 omdat de Console toegang heeft tot de JavaScript-contexten van de pagina, is het mogelijk om vanuit de Console met sessionStorage
te communiceren.
- Open in DevTools de console .
- 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. - Voer uw
sessionStorage
expressies uit in de Console , op dezelfde manier als in uw JavaScript.