Firebug Tips & Tricks
See a summary of short tips concerning specific Firebug features that do not get such attention they might deserve.
Debugging
- Conditional Breakpoints
How to break on a breakpoint only if certain condition is true. - Debugging XML
XML related features available in Firebug. - Break on HTML Mutation How to quickly find the line of code that is causing HTML changes.
- Modify variable value at runtime
Modify variable value and continue debugging. - Re-run this stack
How to re-execute the current call-stack in the debugger. - Type to pick a script file quickly
How to quickly find specific script file in the Script panel - Disable debugger; keyword
Properly deal with the debugger; keyword. - sourceURL directive
Label dynamic scripts with ‘sourceURL’ directive
Console
- Styled Logging
Read about how to use custom CSS for console logs. - Observe window.postMessage() calls
Check out this post to learn about how to observe messages posted among iframes. - Log Function Calls
How to check out that a function has been actually executed. - Log DOM Events
How to log DOM events into the Console panel. - Using Command Line within an iframe
How to execute command line expressions within context of an iframe. - Tabular logs
Learn how to log tabular data into the Console panel. - include() command
How to quickly include command into the current page - getEventListeners() command
Get list of registered listeners for given an element.
HTML & CSS
- Copy & Paste HTML
Learn how to use HTML clipboard in Firebug - Trace Styles
Find all places in CSS style-sheet that affect specific CSS property. - What font-family is rendered
Identify the rendered font-family from the list of font-families for a CSS 'font' or 'font-family' property. - Inspector History & Command Line
History of inspected elements on Firebug's command line.
Network
- Show BFCache Responses
Read this post to understand how BFCache cache is different from the standard browser cache and why Firebug supports it. - Observe page redirects
How to track HTTP requests that happened in previous page load. - Resend HTTP Request
How to resend an existing HTTP request while preserving headers, post data, etc.
Miscellaneous
- The Start Button
See what is Firebug Start Button and what features it supports. - Alternative Firebug Themes
Learn how to create your own Firebug theme.