JavaScript debugging method under Firefox

In front of the blog to talk about the Internet Explorer JavaScript debugging methods, today nothing to do the Firefox browser (Firefox) JavaScript debugging method also looked at, recorded here, I hope to help.

The code page We used this time is the code that gets the object by the Name property in the document Get Object blog.

Open the page in Firefox browser, in the browser's Open browser toolbar, find the Developer Options button

 
 

  
  

 
 

 
 

  
  
 
   
Click to enter, tick the Developer Toolbar
 
  
 
 
 
 

  
  

 
 


 
 

  
  
 
   
When you are done, see the tool logo for developer options at the bottom of the browser and close the X logo of the Developer toolbar
 
  
 
 
 
 

  
  

 
 


 
 

  
  
 
   
Click the Developer Options tool ID to go to the viewer page
 
  
 
 
 
 

  
  

 
 


 
 

  
  
 
   
The viewer page has tabs such as viewer, console, debugger, style editor, performance, network, etc.
 
   
Click the Debugger tab to refresh the page you want to debug, and the Debugger main window will appear with the code you want to debug
 
  
 
 
 
 

  
  

 
 

Click the Pause button, click the Post button state changes, while the right of the three debugging steps into an operational state, the role of the debugging step can be referred to the browser JavaScript debugging chapter of the explanation. At the same time, break the dot above the line of code. After clicking the breakpoint, the code automatically enters the debug state, cancels the breakpoint, and the code runs directly past.

 
 

  
  

 
 

After breaking the point, refresh the page, the page will stay at the breakpoint, press the F10 button, let the code continue, you will see the variables in the window appears all the variable information.

 
 

  
  

 
 

Click on the hrefs variable, you can see the properties of the collection of objects, all three objects are hyperlinks, and IE browser debugging when you see the same basic.

 
 

  
  

 
 

When you click on the first object, objects such as object properties information will appear after the object expands.

 
 

  
  

 
 
Speaking of which, the JavaScript debugging of Firefox browser is basically finished.

JavaScript debugging method under Firefox