Debugging the user interface in Firefox with Firebug
Set a breakpoint to be able to step through your GUI operation from Firebug.
Before you begin
Before you execute these steps, make sure you have used Firebug to set at least one breakpoint in a JavaScript (.js) file.
Procedure
- Clear your Firefox browser cache.
- Press F12 to open Firebug.
- Perform the steps that lead to your bug until Firebug stops at the first breakpoint it encounters.
- Debug the code as follows:
- Use the Watch tab at bottom right to monitor the values of variables and expressions.
- Press F11 to step through your code line by line.
- Press F5 to resume normal script execution.
- Use the Net tab to see a trace of HTTP requests going back and forth between the browser and the server.