LHA
LHA

Reputation: 9655

How to edit or remove cookies in Firefox DevTools?

In Firebug I am able to remove and edit any cookies using the Cookies panel.

But in the Firefox DevTools I can't find any way to remove or edit cookies.

*Network* panel in Firefox DevTools showing request cookies

Where can I do that?

Upvotes: 45

Views: 103432

Answers (3)

J3soon
J3soon

Reputation: 3143

I'm using Firefox 94 and have the same issue as @Tmarty when using Private Window.

To bypass this issue, simply press F5 to refresh the page after adding cookies. The new cookies will show up and can be edited. Below are some screenshots:

  1. The cookie list does not change after adding a new cookie before-refresh

  2. After refreshing the page, the cookie list is updated and you can edit the new cookie after-refresh

Upvotes: 1

Tmarty
Tmarty

Reputation: 477

I was having problems adding cookies in Firefox 65 and came here from Google.

My problem was that I could not add new cookies. I was using a Private Window. Using a normal (non-private) window however, I was able to add new cookies.

Upvotes: 5

Sebastian Zartner
Sebastian Zartner

Reputation: 20095

To edit cookies in the Firefox DevTools you have to ensure the Storage Inspector is enabled via the settings.

Storage Inspector in settings panel

Within the Storage Inspector you'll then be able to edit existing cookies by double-clicking the values within the list:

Editing cookie value

You can also remove cookies by right-clicking them and choosing one of the options from the context menu.

Deleting cookies

Also, an option to add cookies was added in Firefox 55. To add one, either right-click the list of cookies and choose Add Item or click the + button in the panel toolbar.

Upvotes: 66

Related Questions