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. (Edit 51cto: currently, the web development industry generally believes that JavaScript will become the mainstream and may become a competitor of RIA .)
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.