Overview Open Chrome DevTools Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect JavaScript ArrayBuffer Network conditions: Override the user agent string Recorder: Record, replay and measure user flows Security: Understand security issues Search: Find text across all loaded resources WebAuthn: Emulate authenticators
Overview Open Chrome DevTools Simulate mobile devices with Device Mode Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect JavaScript ArrayBuffer Network conditions: Override the user agent string Recorder: Record, replay and measure user flows Security: Understand security issues Search: Find text across all loaded resources WebAuthn: Emulate authenticators

View, edit, and delete cookies

Published on Updated 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. Under Storage expand Cookies, then select an origin.

    The Cookies pane

    Figure 1. 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 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.
  • SameParty. If true, this field indicates that the cookie is allowed to be set or sent in contexts where all ancestor frames belong to the same First-Party Set.
  • Priority. Contains low, medium (default), or high if using deprecated 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 2. 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 3. 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 4. Deleting a selected cookie

Click Clear All Clear All to delete all cookies.

Clearing all cookies

Figure 5. Clearing all cookies

Last updated: Improve article

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