Graphical method of using Firebug to debug js with breakpoints_javascript skills

Specific steps:

a. After opening Firebug, enable "script" debugging and find the referenced script file (or inline js);

b. Add breakpoints at appropriate locations;

c. If the breakpoint has been executed, refresh the page and the script will interrupt at the breakpoint. If the breakpoint has not been executed, you can directly execute the action on the page (such as clicking a button, etc.), and then the code will interrupt at the breakpoint;

d. Observe the function call stack, observe local variables, and perform single-step execution for debugging.

It’s really simple! The advantages of debugging with Firebug breakpoints are summarized as follows:

• The lines where breakpoints can be added are numbered in green, which is very intuitive;
• The call stack is displayed in two ways, which is very convenient;
• The display of local variables is very clear and concise.