27 essential Javascript development tools

27 essential Javascript development tools

Javascript is widely used as a client scripting language. It is a very important language for Web developers. The following are 27 types of JavaScript tools collected. Using these tools can greatly improve your development efficiency and reduce errors and debugging. You can also visit the original article of my independent blog: Java fans

Compression

1) Online JavaScript compression Tool

An online JavaScript compressed file that can use some compression algorithms such as jsmin and packer to compress JavaScript files. Compressed JavaScript files are ideal for production environments because they often reduce the file size by 30-90%. To a large extent, the file size is reduced by removing comments and extra space characters that are not required by web page viewers or visitors.

2) scriptalizer

An online tool that combines multiple JavaScript files into one file.

3) dojo shrinksafe

A command line utility that allows you to reduce the file size in a browser and shorten the response time. The dojo compressors are not built on vulnerable rule expressions. It is based on the JavaScript engine from the mozla project. Because a real parse stream is based, the dojo compressors can better reflect the environment of modern operators (variable names, etc.) than the tools based on Rule expressions.

4) Yui Compressor

The Yui compressor is a javascript compressors. In addition to comments and spaces, it can also confuse local variables with the minimum available variable name. This obfuscation is secure even when constructs such as 'eval' or 'with' are used (in which cases compression is not appropriate. Compared with jsmin, it saves an average of 20%.

Format

5) JavaScript code beautification tools

This beautification tool can process scattered or compressed JavaScript code, and keeps formatting it quickly and making it readable.

Editing Programs & integrated development environment

6) Aptana Studio

Aptana Studio is a complete network development environment. It provides automatic completion and debugging of JavaScript code, HTML/CSS/JavaScript code prompts, and support for important Ajax class libraries. Aptana Studio even provides code prompts for all the pages, including your own JavaScript.

7) Komodo Edit

Komodo edit is a free and open source editing program. It provides functions such as automatic completion, call prompt, multi-language support, syntax highlight color display, syntax check, VI emulation, and Emacs shortcut key binding. Extended Komodo edit is one of its most practical functions. You will find various extensions that are useful to JavaScript developers (such as jslint
Plugin for Komodo, Venkman JavaScript debugger, and so on ).

8) spket ide

Spket IDE is a powerful tool kit for JavaScript and XML development. Javascript, XUL/XBL and Yahoo! Widget development powerful editor. The javascript Editor provides functions such as code completion, syntax highlighting, and Content summary. These functions help developers efficiently create effective JavaScript code. Spket IDE is free for non-commercial purposes.

Test

9) jslint-JavaScript validators

Jslint obtains and scans JavaScript source code. If a problem is found, it returns the information to describe the problem and its approximate location in the source code. The problem may not be caused by syntaxes, but it is often caused by errors. Jslint checks some style conventions and structures, and it does not prove that the program is correct. It just provides another pair of eyes to help identify problems.

10) jsunit

Jsunit is a client (internal browser) JavaScript unit test framework. It is actually a port that JUnit gives JavaScript. There is also a platform for automatic testing on multiple browsers and on multiple machines running different operating systems.

11) Yui Test

Yui test is a testing framework for browser-based JavaScript solutions. You can use Yui test to easily add unit tests in the Javascript solution.

12) obtrusive JavaScript checker

It can be used as a Firefox extension, greasemonkey user script, and ubiquity command. Obtrusive JavaScript checker is a tool that can scan all elements on the page, when an HTML element with an in-row event is found (this is harmful, JavaScript should not be publicized), it adds a red edge to this part to highlight it.

13) crosscheck

Crosscheck is an open-source testing framework that verifies the JavaScript code in the browser. It helps you ensure that the Code can run on different browsers, such as Internet Explorer and Firefox, which do not need to be installed.

14) jslitmus

Jslitmus is a lightweight tool used to make JavaScript-specific standard tests.

15) test plug-in of javascriptmvc

The javascriptmvc Test Library provides event simulation, unit testing, Ajax jigs, and a console program.

Debugging

16) JavaScript debugging Toolkit

The javascript debugging toolkit is an eclipse plugin for debugging JavaScript across browsers. It can debug JavaScript on IE, Firefox, Safari, chrome, opera or even mobile browsers.

17) firebug

As the most popular Web development tool, firebug is a Firefox plug-in that can be used to edit, debug, and monitor CSS, HTML, and JavaScript on any web page. It provides some useful functions such as Ajax requests logging, javascript interpreter, and Dom Explorer for JavaScript login and debugging console.

Firebug lite can be used on IE, opera, and safari.

18) Venkman

Venkman provides a powerful JavaScript debugging environment for gecko-based browsers. This debugger is used in the form of firefox & Mozilla plug-ins. You can use breakpoint management, stack check, variable/object check, and other functions on the user interface and console commands to adjust the settings in the most habitual way.

19) nitobibug

Nitobibug is a browser-based JavaScript Object recording and checking tool-similar to firebug. Nitobibug can run on different servers (IE6 +, Safari, opera, and Firefox) to provide a powerful and consistent tool for developing various Ajax applications.

20) damnit

Damnit is a free service. When a user encounters a javascript error on the webpage, it will send you an email.

21) JS Bin

JS bin is an online network application. It is specially designed to help JavaScript developers test code snippets and collaborate to debug code in a certain scenario. You can use JS bin to edit and test JavaScript and HTML code online. Once completed, you can save the URL and send it to your peer for review or help.

22) Blackbird

Many JavaScript developers only use alert () to display various information for debugging code. Blackbird provides a simple way to record information on JavaScript and a noticeable console program to view and filter information.

HTTP monitoring

23) fiddler

Fiddler is a Web debugging proxy that records all HTTP (s) traffic between your computer and the network. You can use Fiddler to check all HTTP (s) traffic, set breakpoints, interfere with incoming or outgoing data.

24) tamperdata

Tamperdata is a Firefox extension that tracks and modifies HTTP/HTTPS requests. You can use it to perform security tests on network-based applications and track requests/responses.

25) live HTTP headers

You can view the HTTP headers of a webpage during browsing. You can use live HTTP headers to debug web applications and find out which type of website server is used by the remote website, or view small data files sent by the remote website.

File

26) jgrousedoc

Jgrousedoc can generate API files from comments in source code. You can use this tool to record all the structures you need-not only functions and variables, but also class file packages, interfaces, namespaces, packages and others. Using that JavaScript framework doesn't matter-you can record code in the way you want without imposing a framework or tool.

27) jsdoc Toolkit

Javascript is a file generator that is written in Javascript form. It automatically generates a format template from the JavaScript source code that is added, multiple pages of HTML (or XML, JSON, or other text ).

 

Reprinted: http://java7.javaeye.com/blog/828953