Webclipse

JavaScript Debugger Tutorials

We want you to get the most out of Webclipse and sometimes a hands on approach to learning is best.  We have included interactive tutorials to help you get up and running in a flash. 

Back to Debugger

Download Webclipse

In the Webclipse Dashboard, you will find links to tutorials for each of the key areas in Webclipse. These tutorials are listed in the Ready to try a capability? section. There are two tutorials for JavaScript debugging, one for web browser debugging and one for Node.js degugging. 

Note: If you do not see the Webclipse dashboard, select Help>Webclipse>Show Dashboard.

 

WCDashboard
Access sample projects from the Webclipse Dashboard

 

1. Start the Tutorial for Debugging in a Web Browser

Click Try debugging JavaScript in a Web browser. A Webclipse-JSDebug-WebApp-Example project is added to your Project Explorer and the Index.html file displays in the editor. Simply follow the instructions in the Index.html file. 

 

 

2. Start the Tutorial for Debugging Node.Js

Click Try Debugging a Node.js application. A Webclipse-JSDebug-NodeJS-Example project is added to your Project Explorer and the Readme file displays in the editor. Simply follow the instructions in the Readme file. 

 

 

3. Restart a Tutorial

If at any point you want to restart the tutorial, follow the instructions above and select to Overwrite the project when asked.

ProjectExists
Restarting a tutorial