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.



Source link

LEAVE A REPLY

Please enter your comment!
Please enter your name here