How to edit or remove cookies in Firefox DevTools?

cookies firefox-addon firefox-developer-tools
Loc picture Loc · Feb 2, 2017 · Viewed 57.7k times · Source

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?

Answer

Sebastian Zartner picture Sebastian Zartner · Feb 2, 2017

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.

Related questions

Firefox addon to remove cache and cookies of one domain?

I use Firefox to develop a web site and at the same time to browse the web, read my gmail, etc. The problem is every now and then I need to delete the cache and or remove the cookies of …

Read More
How do I set/unset a cookie with jQuery?

How do I set and unset a cookie using jQuery, for example create a cookie named test and set the value to 1?

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More