Search code examples
cookiesfirefox-addonfirefox-developer-tools

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?


Solution

  • 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.