Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

View, Edit, And Delete Cookies With Chrome DevTools

HTTP Cookies are mainly used to manage user sessions, store user personalization preferences, and track user behavior. They are also the cause of all of those annoying "this page uses cookies" consent forms that you see across the web. This guide teaches you how to view, edit, and delete a page's cookies with Chrome DevTools.

Open the Cookies pane

  1. Open Chrome DevTools.
  2. Click the Application tab to open the Application panel. The Manifest pane will probably open.

    The Manifest pane
    Figure 1. The Manifest pane

  3. Under Storage expand Cookies, then select an origin.

    The Cookies pane
    Figure 2. The Cookies pane

Fields

The Cookies table contains the following fields:

  • Name. The cookie's name.
  • Value. The cookie's value.
  • Domain. The hosts that are allowed to receive the cookie. See Scope of cookies.
  • Path. The URL that must exist in the requested URL in order to send the Cookie header. See Scope of cookies.
  • Expires / Max-Age. The cookie's expiration date or maximum age. See Permanent cookies. For session cookies this value is always Session.
  • Size. The cookie's size, in bytes.
  • HTTP. If true, this field indicates that the cookie should only be used over HTTP, and JavaScript modification is not allowed. See HttpOnly cookies.
  • Secure. If true, this field indicates that the cookie can only be sent to the server over a secure, HTTPS connection. See Secure cookies.
  • SameSite. Contains strict or lax if the cookie is using the experimental SameSite attribute.

Filter cookies

Use the Filter text box to filter cookies by Name or Value. Filtering by other fields is not supported.

Filtering out any cookies that don't contain the text 'NID'
Figure 3. Filtering out any cookies that don't contain the text NID

Edit a cookie

The Name, Value, Domain, Path, and Expires / Max-Age fields are editable. Double-click a field to edit it.

Setting the name of a cookie to 'DEVTOOL!'
Figure 4. Setting the name of a cookie to DEVTOOLS!

Delete cookies

Select a cookie and then click Delete Selected Delete Selected to delete that one cookie.

Deleting a selected cookie
Figure 5. Deleting a selected cookie

Click Clear All Clear All to delete all cookies.

Clearing all cookies
Figure 6. Clearing all cookies

Feedback

Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.