< Previous | Next >

Lesson 6: Debugging your Dojo application with Firebug (optional)

This optional lesson highlights how to use Firebug to debug your web application.

Before you begin

Before you begin this lesson, install Mozilla Firefox.
Note: Steps may vary depending on the version of Firebug and Firefox you are using.

Procedure

  1. To configure the web application to run on Firefox, select Window > Web Browser > Firefox.
  2. In the Enterprise Explorer view, right-click index.html and select Debug As > Debug on Server.
  3. Click Finish. Your new web page opens in Firefox.
  4. To enable Firebug, click Enable Firebug icon in the browser window frame.
  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. In the LoanInput.js file, select your custom Dojo widget JavaScript resource and then set a breakpoint.Breakpoint that is set in the JavaScript file.
  8. In your browser, enter a loan amount and select an interest rate. The breakpoint that is set on line 45 stops the execution.
  9. In the Firebug section, 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.
  10. Continue to use the Firebug debugging tools to evaluate your code. For more information about debugging JavaScript with Firebug, see getfirebug.com/wiki/index.php/Main_Page.

Lesson checkpoint

You debugged your Dojo files with Firebug.

You learned:
  • How to open Firebug
  • How to set breakpoints

Download the solution

Note: You can also download the completed web project and then run the project on the server to see the results of this tutorial.
< Previous | Next >
Icon that indicates the type of topic Tutorial lesson topic
Timestamp icon Last updated: July 17, 2017 21:58

File name: loan_lesson7.html