Cookies bekijken, toevoegen, bewerken en verwijderen

Kayce Basken
Kayce Basques
Sofia Emelianova
Sofia Emelianova

HTTP-cookies worden voornamelijk gebruikt om gebruikerssessies te beheren, gebruikersvoorkeuren op te slaan en gebruikersgedrag te volgen. Ze zijn ook de oorzaak van al die vervelende toestemmingsformulieren met de tekst "Deze pagina gebruikt cookies" die je overal op internet ziet. Deze handleiding leert je hoe je de cookies van een pagina kunt bekijken, toevoegen, bewerken en verwijderen met Chrome DevTools.

Open het deelvenster Cookies

  1. Open Chrome DevTools .
  2. Open Toepassing > Opslag > Cookies en selecteer een herkomst.

Het paneel Cookies.

Velden

De tabel Cookies bevat de volgende velden:

  • Naam . De naam van de cookie.
  • Waarde . De waarde van de cookie.
  • Domein . De hosts die de cookie mogen ontvangen.
  • Pad . De URL die in de gevraagde URL moet voorkomen om de Cookie header te kunnen verzenden.
  • Vervaldatum / Maximale leeftijd . De vervaldatum of maximale leeftijd van de cookie. Voor sessiecookies is deze waarde altijd Session .
  • Grootte . De grootte van de cookie, in bytes.
  • HttpOnly . Indien waar, geeft dit veld aan dat de cookie alleen via HTTP mag worden gebruikt en dat wijzigingen via JavaScript niet zijn toegestaan.
  • Beveiligd . Indien waar, geeft dit veld aan dat de cookie alleen via een beveiligde HTTPS-verbinding naar de server kan worden verzonden.
  • SameSite . Bevat Strict of Lax als de cookie gebruikmaakt van het experimentele SameSite attribuut.
  • Partitiesleutel . Voor cookies met een onafhankelijke partitiestatus is de partitiesleutel de site van de URL op het hoogste niveau die de browser bezocht aan het begin van het verzoek aan het eindpunt dat de cookie heeft ingesteld.
  • Prioriteit . Bevat Low , Medium (standaard) of High als het verouderde prioriteitskenmerk van de cookie wordt gebruikt.

Om de waarde van een cookie te bekijken, selecteert u deze in de tabel. Om de waarde zonder procentcodering te zien, vinkt u 'URL-gedecodeerd weergeven' aan .

Filter cookies

Gebruik het filtervak ​​om cookies te filteren op naam of waarde .

Alle cookies die geen 'id' bevatten, worden eruit gefilterd.

Filteren op andere velden wordt niet ondersteund. Het filter is niet hoofdlettergevoelig.

Om een ​​willekeurige cookie toe te voegen:

  1. Dubbelklik op een lege rij in de tabel.
  2. Voer een naam en waarde in en druk op Enter .

DevTools vult de overige verplichte velden automatisch in. U kunt deze bewerken zoals hieronder beschreven.

Een cookie bewerken

Alle velden zijn bewerkbaar, behalve de maat , die automatisch wordt bijgewerkt.

Dubbelklik op een veld om het te bewerken.

De naam van een cookie instellen op 'DEVTOOLS!'

DevTools markeert cookies met ongeldige veldwaarden in het rood.

Een cookie met een ongeldige waarde in de partitiesleutel.

Om geldige cookies uit te filteren, vinkt u Alleen cookies met een probleem weergeven' aan in de bovenste actiebalk.

Cookies verwijderen

Om een ​​cookie te verwijderen, selecteer je deze en klik je op ' in de bovenste actiebalk.

Een geselecteerde cookie verwijderen.

Klik op Alles wissen' om alle cookies te verwijderen.

Alle cookies verwijderen.

Identificeer en inspecteer cookies van derden

Cookies van derden zijn cookies die worden geplaatst door een website die verschilt van de huidige hoofdpagina. Cookies van derden hebben het attribuut SameSite=None .

In DevTools worden dergelijke cookies weergegeven onder Toepassing > Opslag > Cookies en wordt er een naast getoond. Beweeg de muis over het pictogram om een ​​tooltip te zien en klik erop om naar het paneel Problemen te gaan voor meer informatie.

Cookies met het attribuut SameSite=None in het gedeelte Opslag.

U kunt cookies van derden ook vinden via Netwerk > klik op Verzoek > Cookies .

Cookies met het attribuut SameSite=None in het netwerkpaneel.

Het netwerkpaneel markeert cookies met problemen en toont een naast getroffen cookies wanneer cookies van derden niet beschikbaar zijn .