78

I'm testing some cookies that I'm creating via JavaScript. Is there a way to check if the cookie was set in Chrome Developer Tools or something similar?

AlexMA
  • 9,842
  • 7
  • 42
  • 64
Howdy_McGee
  • 10,422
  • 29
  • 111
  • 186

7 Answers7

119

To check the current page's cookies using Chrome:

Option 1

  1. Open Developer Tools (usually F12)
  2. Click the "Application" tab (used to be "Resources")
  3. Expand the "Cookies" list item
  4. Click any list item.

You can view cookies in detail here, and clear them out (click any list item under cookies then click the cancel icon on the bottom left of the table).

Option 2

Use the javascript console, e.g. document.cookie. Less sophisticated (graphically), but you can work with the data using javascript. Note that the results will be restricted based on how websites are allowed to access local data from other sites (see MDN Same-origin policy).

Option 3

There is also chrome://settings/siteData (was previously settings/cookies). Just put the url into Chrome's address field.

AlexMA
  • 9,842
  • 7
  • 42
  • 64
  • 10
    In recent versions of Developer Tools the tab is called "Application" – Alf Kåre Lefdal Jul 29 '16 at 09:01
  • This is out of date. The updated location is here: https://stackoverflow.com/a/48083367/4842949 – Joseph Cho Feb 19 '19 at 18:27
  • 2
    Why the `document.cookie` no contain of some cookies, but I can see that in the `chrome://settings/siteData` ?!!! – Nabi K.A.Z. May 05 '19 at 07:30
  • 2
    @NabiK.A.Z. Likely chrome is showing you cookies from a different domain. See “same origin policy” – AlexMA May 06 '19 at 00:31
  • 1
    @AlexMA No, seem the problem caused of option `HTTP Only` cookie, but the site opened on the HTTPS. But does can not see cookies in console by js, of same domain on the HTTPS?! – Nabi K.A.Z. May 06 '19 at 10:18
  • 2
    @NabiK.A.Z. The `HttpOnly` tag on cookies is somewhat misleading, but it does _not_ mean the cookie is only sent when the protocol is http (vs https). The meaning of an `HttpOnly` cookie is that it is sent by the browser but it is _not_ visible to JS. This is not to be confused with the `Secure` tag on cookies, which means the browser will only send it to sites using https (but which has no effect on the cookie's visibility in JS). There's a good description on: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies – Chris Rice Dec 11 '19 at 21:18
23

In your console, type document.cookie. It will return the active cookies for that page.

Nick Beranek
  • 2,721
  • 1
  • 19
  • 14
6

Latest version of Chrome (v52) has moved this functionality to the "Application" tab. So updated steps are:

  1. Open Developer Tools
  2. Click the "Application" tab
  3. Cookies are listed under the "Storage" list item on the left sidebar
quicklikerabbit
  • 3,257
  • 6
  • 26
  • 39
5

Another method is to type the following:

chrome://settings/cookies

in the address bar.

Then use the left click to see more details (content, expiration date, etc.).

ROMANIA_engineer
  • 54,432
  • 29
  • 203
  • 199
4

On the latest version of chrome Chrome v85 the url is:

chrome://settings/siteData

Joseph Cho
  • 4,033
  • 4
  • 26
  • 33
2

On chrome version 61:

chrome://settings/content/cookies

Ari
  • 326
  • 2
  • 5
1

You can also use web developer tool which not only helps you to view cookies but also helps you to display.delete (session,domain,path) cookies individually.

kamal
  • 149
  • 6