Necessary tools and software for JavaScript developers

 

Introduction: If you want to study JavaScript and become a master in script development, you need some software specifically used to develop or test JavaScript, which not only improves your development speed, at the same time, it can greatly reduce the occurrence of bugs.

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

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

 

 

To become a javascript guru, it takes a lot of effort to learn and use the above tools !!!