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
- Open Chrome DevTools.
-
Click the Application tab to open the Application panel. The Manifest pane will probably open.
Figure 1. The Manifest pane -
Under Storage expand Cookies, then select an origin.
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
Cookieheader. 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
strictorlaxif 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.
NID
Edit a cookie
The Name, Value, Domain, Path, and Expires / Max-Age fields are editable. Double-click a field to edit it.
DEVTOOLS!
Delete cookies
Select a cookie and then click Delete Selected 
to delete that one cookie.
Click Clear All 
to delete all cookies.
