List of Javascript development tools

Abstract: Do you often use JavaScript for development? What Javascript development tools do you use? This article summarizes some useful JavaScript tools, all of which are free of charge. Using these tools will directly affect your productivity.

In today's network development, JavaScript plays a key role. Javascript frameworks such as jquery, mootools, prototype, and other JavaScript libraries make our lives much easier. However, with the advent and rapid application of rich Internet applications (RIA), more powerful writing and more solid and reliable JavaScript needs to become increasingly urgent.

Whether you are new to JavaScript or experienced developers, the tools you use directly affect your work efficiency. The open source code movement makes having powerful tools no longer mean paying a lot of money; in fact, you don't have to pay anything. The following is a list of free tools that are truly useful to JavaScript developers.

Test
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. 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.

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.
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.

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.
Jslitmus
Jslitmus is a lightweight tool used to make JavaScript-specific standard tests.
Javascriptmvc test plug-in
The javascriptmvc Test Library provides event simulation, unit testing, Ajax jigs, and a console program.
Debugging
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.

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.
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.

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.
Damnit
Damnit is a free service. When a user encounters a javascript error on the webpage, it will send you an email.

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.
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
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.

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.

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
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,
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 ).
Compression
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.

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

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.

Yui compressor the Yui compressor is a javascript compressor. 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
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
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.

Komodo Edit
Komodo edit is a free and open source editing program. It provides automatic completion, call prompt, multi-language support, syntax highlighted color display, syntax check,

VI emulation, emacs shortcut key binding, and other functions. Extended Komodo edit is one of its most practical functions. You will find various extensions useful to JavaScript developers (such as jslint plugin for Komodo, Venkman JavaScript debugger, and so on ).

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.

Other tools
Google's Ajax APIs Playground
Ajax API playground is loaded with Google JavaScript APIs (maps, search, feeds, calendar, visualization, language, blogger, libraries and earth) examples, you can edit and run these examples to help you explore the functions provided by Google's APIs. The storage and output functions are also available. You can use the SAVE Function to keep the edited example for future use. The output function can be used to modify the example and publish the code to a permanent URL.

Quirksmode-compatibility table
Check out the most popular sources for the compatibility of css2, css3, Dom core, Dom HTML, Dom CSS, DOM events, and CSS Object Model View browsers.

HTML to JavaScript Converter
The HTML to JavaScript converter gets the tag and converts it into a series of document. Write () statements that can be used in Javascript blocks.

Glimmer
Glimmer is a desktop application that uses the jquery library to easily create interactive elements on webpages. You can use it to easily create staggered feelings such as rotating album/header, drop-down navigation, hovering effect, or custom animation.

Jquery function Builder
You can use this tool to quickly create a function set. When the page is loaded/ready, call this function set.

Javascript RegEx Generator
An online tool for creating rule expressions.
Other Browser Extensions
Network developer extension for Firefox, flock & Seamonkey
Network developer expansion adds a menu and toolbar to the browser, including many network development tools including making your XHTML take effect, discovering JavaScript/CSS errors, and visualizing the webpage structure, test the network form, change the running XHTML, and check the HTTP header information.

Opera dragonfly
Opera dragonfly is a cross-device, cross-platform debugging environment of operabrowser-debugging JavaScript, checking and editing CSS and Dom, and viewing errors on mobile devices or computers.
Developer toolbar for IE6/7
Microsoft's Web browser developer toolbar provides various tools for quick creation, understanding, and fault diagnosis of web pages.

Original article: List of really useful free tools for JavaScript developers