Overview Open Chrome DevTools What's New In DevTools Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources
Overview Open Chrome DevTools What's New In DevTools Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources

View, edit, and delete cookies

Published on

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.
  • Path. The URL that must exist in the requested URL in order to send the Cookie header.
  • Expires / Max-Age. The cookie's expiration date or maximum age. For [session cookies][6] 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.
  • Secure. If true, this field indicates that the cookie can only be sent to the server over a secure, HTTPS connection.
  • SameSite. Contains strict or lax if the cookie is using the experimental SameSite attribute.
  • Priority. Contains low, medium (default), or high if using depreciated cookie Priority 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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.