Debugging JavaScript in Chrome

Let's have test.html:

<html>
  <head>
   <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
   <script type="text/javascript" src="fun.js"></script>
  </head>
  <body>
   <button onclick="return simpleFunction();">Click me</button>
   <ul id="testId"></ul>
  </body>
</html>

and fun.js:

function simpleFunction() {
  for (var i=0; i < 7; i++) {
   var html = '<li>' + i + '</li>';
   $('#testId').append(html);
  }
  return false;
}

JavaScript plugin for Eclipse

Found a nice plugin for Eclipse which provides a pretty handy work with JavaScript - VJET.

VJET JavaScript IDE is an Eclipse plugin that provides a fully integrated development environment for JavaScript. Its main features:

- Code Assistance
- Code Search
- Syntax and Semantic Checking
- Type Declarations using VJETDoc
- Execution/Debugging

The project's site is here: http://www.eclipse.org/vjet/
The update site is here: http://www.eclipse.org/vjet/download/