Firebug allows to view and manage cookies in your browser. You deny cookies for specific sites, filter cookies, create new and delete existing cookies. You can also break into the debugger when specific cookie changes its value and see the line of script that caused the change.
Every cookie in the list is expandable. This is useful especially when the cookie value is long and can’t be fully displayed directly. If you are looking for a specific cookie by name, use Firebug’s search box and write down it’s name. The list is dynamically filtered as you type in the box.
You can also manage cookie permissions for the current site directly from the Firebug’s toolbar. The permission button displays the current status as a label and it’s automatically updated if the permission is changed (e.g. from the Firefox options dialog).
If you want to see when something happens to a cookie, use Firebug’s Console tab. The Cookies panel creates a log entry every time when a cookie is created, changed, deleted or rejected. This can be switched off in Cookie tab->Options menu (click the black triangle next to the Cookies tab label to open this menu and uncheck Show logs in Console option).
Cookie Expire Time
Cookie expire time is displayed using local timezone and current Firefox locale. It’s easy to figure out the actual value. It’s also possible to change the current value using a popup calendar and time picker.
Standard clipboard actions Cut/Copy/Paste are also supported. If you need it, just right click on a cookie and use context menu. The same menu can be also used to edit properites of an existing cookie. Just pick Edit action and use the dialog that is displayed.
Sent & Received Cookies
The Cookies panel is also integrated with existing Net panel. If you expand existing request in this panel, you’ll see a new additional Cookies tab that displays sent and received cookies with all information just in place.
You can sort cookies by clicking header in cookie list view. Just pick any column that should be used to sort cookies and click its label.
If a cookie value is formatted as JSON, there is a new JSON tab (selected by default) displaying the value using expandable tree. Similarly as for network responses in Firebug’s Net panel.
If the value is valid XML document, there is a XML tab (also selected by default) displaying pretty printed & colorized XML.
Better formatting is now implemented for document.cookie property when it’s logged into the Console panel.
Manage visibility of columns using header context menu. Of course, the current settings is persistent across Firefox sessions.
Create a cookie breakpoint to see when specific cookie is modified. Firebug debugger is integrated so, you can also see what line in the source code caused the modification.
You can also create a breakpoint condition and the breakpoint will stop only if the condition is true. You can use cookie properties in the expression: value, path, host, expires [ms], isHttpOnly, isDomain).
Break On Next Cookie Change
The Cookies panel also integrates with Firebug’s Break On Feature. Just use the resume button to break on the next changed cookie.