• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Firefox Developer Tools
  1. MDN
  2. Firefox Developer Tools
  3. Debugger
  4. How to

How to

These articles describe how to use the debugger.

  • Access debugging in add-ons
  • Black box a source
  • Break on a DOM event
  • Breaking on exceptions
  • Debug eval sources
  • Disable breakpoints
  • Examine, modify, and watch variables
  • Highlight and inspect DOM nodes
  • Open the debugger
  • Pretty-print a minified file
  • Search
  • Search and filter
  • Set a breakpoint
  • Set a conditional breakpoint
  • Step through code
  • Use a source map

Document Tags and Contributors

 Contributors to this page: wbamberg, sidgan
 Last updated by: wbamberg, Aug 24, 2015, 2:28:31 PM
  1. Core Tools
    1. Page Inspector
    2. Web Console
    3. JavaScript Debugger
    4. Network Monitor
    5. Performance
    6. Responsive Design Mode
    7. Tips
  2. More Tools
    1. Memory
    2. Storage Inspector
    3. DOM Property Viewer
    4. Developer Toolbar
    5. Eyedropper
    6. Screenshot
    7. Scratchpad
    8. Style Editor
    9. Shader Editor
    10. Web Audio Editor
  3. Connecting the devtools
    1. about:debugging
    2. Connecting to Firefox for Android
    3. Connecting to iframes
    4. Connecting to other browsers
  4. Debugging the browser
    1. Browser Console
    2. Browser Toolbox
  5. Extending the devtools
    1. Adding a panel to the toolbox
    2. Example devtools add-ons
    3. Remote Debugging Protocol
    4. Stream Transport
    5. Source Editor
    6. The Debugger Interface
    7. Web Console custom output
  6. Settings
  7. Release notes