• Skip to main content
  • Select language
  • Skip to search
mozilla
Mozilla Developer Network
  • Sign in
    • Sign in or create an account:
      GitHub
    • Sign in:
      Persona
  • Web Technologies
    Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
    References & Guides
    • Learning web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
  • Mozilla Docs
    • Add-ons
    • Firefox
  • Developer Tools
  • Feedback
    • Get Firefox help
    • Get web development help
    • Join the MDN community
    • Report a content problem
    • Report a bug
  •  
Firefox Developer Tools
    • Français (fr)
    • Русский (ru)
    • Svenska (sv-SE)
    • Add a translation
  • Edit
  • Advanced
    • History
    • Print this article
  1. MDN
  2. Firefox Developer Tools
  3. Example add-ons
Your Search Results

    Example add-ons

    Use these examples to understand how to implement a DevTools add-on.

    • Example DevTools Add-ons by the Firebug Working Group
    • DevTools Add-on Template by Victor Porof
    • Actor REPL, included in the Add-on SDK Github repository.

    Document Tags and Contributors

     Contributors to this page: Sebastianz, Taucesauce, TornRage, erienne-woodiwiss, LindsayHelm, jryans, Canuckistani, wbamberg
     Last updated by: Sebastianz, Apr 30, 2016, 12:10:31 PM
    1. Creating
      1. Scratchpad
      2. Style Editor
      3. Shader Editor
      4. Web Audio Editor
    2. Debugging
      1. Page Inspector
      2. Console
      3. Debugger
      4. Network Monitor
      5. Storage Inspector
      6. DOM Property Viewer
      7. Developer Toolbar
      8. 3D View
      9. Eyedropper
      10. about:debugging
      11. Selecting iframes
      12. View Source
    3. Mobile
      1. Responsive Design Mode
      2. WebIDE
      3. Firefox for Android
    4. Performance
      1. Performance Tool
      2. Memory
      3. Frame rate graph
      4. Waterfall
      5. Call Tree
      6. Flame Chart
      7. Paint Flashing Tool
      8. Reflow Event Logging
      9. Network Performance
    5. Debugging the browser
      1. Browser Console
      2. Browser Toolbox
    6. 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
    7. Settings
    8. Tips
    9. Release notes
     

    © 2005-2016 Mozilla Developer Network and individual contributors.

    Content is available under these licenses.

    • About MDN
    • Terms
    • Privacy
    • Cookies
    • Contribute to the code