Firebug Tips & Tricks
See a summary of short tips concerning specific Firebug features that do not get such attention they might deserve.
- 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.
- 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.
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.
- 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.