Sessieopslag bekijken en bewerken

Sofia Emelianova
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.

    De sleutel-waardeparen van youtube.com.

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

    De waarde van de geselecteerde sleutel 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.

Sleutel-waardeparen eruit filteren die niet de tekenreeks 'false' bevatten.

Maak een nieuw sessionStorage sleutel-waardepaar

  1. Bekijk de sessionStorage sleutel-waardeparen van het domein . Bijvoorbeeld op deze demopagina .
  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 de sessionStorage sleutel-waardeparen van een domein . Bijvoorbeeld op deze demopagina .
  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 de sessionStorage sleutel-waardeparen van een domein . Bijvoorbeeld op deze demopagina .
  2. Klik op een sleutel-waardepaar om het te selecteren.
  3. Klik Verwijderen. Verwijder in de actiebalk bovenaan om het geselecteerde paar te verwijderen. Het geselecteerde sleutel-waardepaar verwijderen.
  4. U kunt ook klikken Alles wissen. 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.

  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.

Interactie met `sessionStorage` van de console