Debugging web pages with Firebug

Firebug is an open source extension for Mozilla Firefox that assists you with debugging, editing, profiling, logging, and monitoring HTML pages, DOM, CSS, and JavaScript.

Procedure

  1. Enable Firebug by selecting Window > Web Browser > Firefox as your default browser in your workspace.
  2. In the Enterprise Explorer view, right-click the web page that you want to debug and select Debug As > Debug on Server.
  3. Click Finish. Your web page opens in Firefox.
  4. To enable Firebug, click the Enable Firebug icon.
  5. In the Firebug section, click the Script tab and then click Enable.
  6. After the scripts are enabled, click Reload. The web application is ready for debugging.
  7. Continue to use the debugging tools to step through the code.
  8. In the JavaScript resource that you want to debug, set a breakpoint.
    Breakpoint that is set in the JavaScript file.
    The breakpoint that is set stops the execution according to the logic of your web page.
  9. Click the Watch tab to trace the execution and determine which values to change.
    Firebug Watch tab
    Tip: You can enable, disable, or remove breakpoints from the Breakpoints tab.
Icon that indicates the type of topic Task topic
Timestamp icon Last updated: July 17, 2017 21:58

File name: tdebugfirebug.html