Aptana: javascript debugging illustration

Preliminary work

1. You must install the Firefox browser;
See:Http://www.aptana.com/docs/index.php/Installing_the_JavaScript_debugger

The premise is to install the firebug plug-ins and the aptanadebugger plug-ins. They are as follows:

Http://getfirebug.com/releases/firebug/1.2/firebug-1.2.0.xpi

Http://firefox.aptana.com/update/aptanadebugger.xpi

 

IE Debugger

See http://www.aptana.com/docs/index.php/Installing_the_IE_debugger

Start debugging:
Select the HTML file for debugging, right-click "Debug as" and choose "Debug... "," Web Browser "should be selected in the left-side menu, and the" browser executable "on the" Main "tab on the right must fill in the path of the firefox.exe file. Other Default values can be used, such:

 

Click the "debug" button (Shortcut Key F11(Aptana also opens the Firefox browser), such:

 

In addition:

If debug does not work properly, right-click "relaunch" and try again,

Sometimes there is no "Web Browser" menu in the debug option panel, only the "remote JS" menu is available,
The solution is as follows:

"Window"-> "Preferences"-> "Run/debug"-> launching-> launch Configuration

Remove the check box in "Web Browser" on the right.

 

Next, debug the Aptana debug functions.

 

Add a breakpoint. Double-click the row number and double-click Delete]
Take a closer look at the icons aptanadebugger and firebug in the lower-right corner of Firefox. The icons are highlighted and the webpage status returns to Aptana. You can see that

 

 

PS: When Aptana is used for the first time, F5 goes to the next debugging, F6 F7 and other debugging shortcut keys. You can view help-> key assist

Standardizing the editing and debugging of JS can improve personal work efficiency ..