31 Useful Javascript tools for developers

JavaScript has been around for many years, and has gained widespread success as a client-side scripting language for web pages. It is an important language for any web developer to know and use.

This collection of 31 useful tools JavaScript tools can greatly increase development speed, reduce debugging and testing time, and improve quality of the output.

The tools described below are a variety of utilities, optimizers, testing, and debugging tools to help developers and create websites more efficiently.

1. JavaScript compressor and comparison tool

Many tools available that can help you compress your JavaScript code but it can be time consuming and difficult to analyze which tool works the best for a given situation. This application shows aggregated statistics on the general level of compression in all these tools, and allows developers to easily play with and compare the different tools on their own JavaScript code without having to set up all the tools on their own.

2. Regular expression validator tool

This web based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.  The tool helps you check syntax and also provides a regular expressions library for your use as well.

3. Regular expression generator

This script runs on top of JDC 1.0.3 in Internet Explorer which is why it is executed slightly faster in Firefox, Opera and Safari.

4. Jsbeautifier

This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward’s packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.

5. Jsbin

JS Bin is an open source collaborative JavaScript debugging tool.

6. Jslint

JSlint takes a JavaScript source and scans it. If it finds a problem, it returns a message describing the problem and an approximate location within the source. The problem is not necessarily a syntax error, although it often is. JSLint looks at some style conventions as well as structural problems. It does not prove that your program is correct. It just provides another set of eyes to help spot problems.

7. Rockstarapps

Rockstarapps mission is simple: give developers a set of tools that makes it possible to create highly optimized Web applications in the Cloud.

8. Prettyprinter

This is a source code beautifier (source code formatter), similiar to indent.

9. Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript. The effects supported out of the box include desaturation/greyscale, invert, flipping, brightness/contrast adjustment, hue/saturation, emboss, blur, and many more.

10. Extjs

Build rich, sustainable web applications faster than ever.Many Famous brands running extjs Adobe, Amazon, CNN etc.

11. Slickspeed

Tests are run in a neutral environment, no library or framework is included in the main javascript test, to avoid favoritism.

12. Scriptalizer

Minified source code is specially useful for interpreted languages deployed and transmitted on the Internet (such as JavaScript), because it reduces the amount of data that needs to be transferred.

13. Yui compressor

The YUI Compressor is JavaScript minifier designed to be 100% safe and yield a higher compression ratio than most other tools. Tests on the YUI Library have shown savings of over 20% compared to JSMin (becoming 10% after HTTP compression).

14. Js minifier

15. Jslitmus

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

16. Js regular expression tester

This handy utility program tests JavaScript Regular Expressions in a browser using JavaScript. Its interface is similar to other regular expression test tools, but unlike those tools, it tests JavaScript’s implementation of Regular Expression in JavaScript.

17. Qooxdoo

qooxdoo is a comprehensive and innovative framework for creating rich internet applications (RIAs). Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed.

18. JavascriptMVC

JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

19. GNUcitizen

AttackAPI provides simple and intuitive programmable interface for composing attack vectors with JavaScript and other client and server related technologies.

20. Jsfuzzer

This fuzzing tool allows fuzzing of events, tags, styles and HTML attributes. You can use incomplete tags with various depth and randomize case of all parameters. It also contains a database of all new attack vectors gathered.

21. J3unit

J3Unit is an object-oriented unit testing framework for JavaScript. J3Unit runs JavaScript tests directly in the web browser and can be automated using JUnit and Jetty. J3Unit builds on previous work by JSUnit and Script.aculo.us to provide a better way to automate JavaScript unit tests.

22. Jsunit

JsUnit is a Unit Testing framework for client-side (in-browser) JavaScript. It is essentially a port of JUnit to JavaScript. Also included is a platform for automating the execution of tests on multiple browsers and mutiple machines running different OSs.

23. Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

24. Venkman

Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Gecko-based browsers namely Firefox 3.x, the Netscape 7.x series of browsers.

25. Drosera

To debug your application’s JavaScript you will need to enable this default for your application’s bundle identifier. Additionaly you need to launch your application using the TOT WebKit frameworks. You can easily do this with the run-webkit-app script inside WebKitTools/Scripts, then you will see your application show up in Drosera’s attach window.

26. Dragonfly

Welcome to Opera Dragonfly alpha, the fully featured debugging environment for Opera Presto-based browsers. Opera Dragonfly allows you to develop more quickly and easily by providing tools to debug your JavaScript and to inspect the DOM, CSS, network traffic and data stores. Developing for mobile has never been easier with Opera Dragonfly’s built-in remote debugging.

27. Nitobibug

NitobiBug is useful for expert and novice user alike. It makes for faster and simpler debugging of JavaScript and DOM problems.

28. Wavemaker

29. Jaxer

Jaxer is the Aptana Ajax Server, and it’s also built into Aptana Studio. Jaxer allows you to execute JavaScript on the server, before the page is served or during a callback.

30. Jxlib

A javascript library for creating graphical user interaces based on the fabulous MooTools library.

31. Dojotoolkit

Dojo saves you time, delivers powerful performance, and scales with your development process. It’s the toolkit experienced developers turn to for building great web experiences.