8 useful online javascript tools

JavaScript is a powerful client-side scripting language, which allows developers to create rich and interactive web applications. In this article, you’ll find 10 excellent tools to help you work with JavaScript more effectively. All of them are web-based tools, so you can use immediately without installing any softwares.

1. Javascript unpacker and beautifier

Javascript unpacker and beautifier

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

This project is open-source, you can download source code from gitHub.

  1. JS Bin
JS Bin

JS Bin is a web application for testing and debugging JavaScript and CSS collaboratively. You input your source code, test, debug and save it to a publicly-accessible URL which you can then share to your fellow developers or in social networking outlets like Twitter or Facebook groups.

  1. Online JavaScript/CSS Compression Using YUI Compressor
Online JavaScript/CSS Compression Using YUI Compressor

YUI Compressor is a popular JavaScript compressor that removes unneeded characters (like spaces and tabs, comments) and optimizes code, thus reducing your script’s file size. YUI Compressor is developed by Yahoo!.

  1. JS Minifier
JS Minifier

JSMin is a filter which removes comments and unnecessary whitespace from JavaScript files. It typically reduces filesize by half, resulting in faster downloads. It also encourages a more expressive programming style because it eliminates the download cost of clean, literate self-documentation.

  1. JSLint
JSLint

JSLint is a Web-based tool for verifying your JavaScript code for errors. It has a ton of features and settings that you can use to customize verification algorithms to suit your needs. The verification process is based on The Good Parts of Douglas Crockford.

  1. JSON Formatter and Validator
JSON Formatter and Validator

JSON (JavaScript Object Notation) is used in JavaScript applications frequently. JSON data is often written without line breaks to save space, it became extremely difficult to actually read it. The JSON Formatter tool was created to help with debugging by formatting the JSON into data that is easily readable by human beings.

  1. JavaScript Regex Generator
JavaScript Regex Generator

Working with Regular Expression is a common javascript task. JS Regex Generator helps JavaScript developers write Regular Expressions for matching strings of text. This is commonly done for text-format validation, such as when checking if inputted text has the correct date and email format.

  1. JavaScript Regular Expression Tester
JavaScript Regular Expression Tester

The JavaScript Regular Expression Tester is an online utility that allows you to test your RegEx code against a sample test. It’s a handy tool to have around when you want to quickly test the efficacy of your regular expressions in a variety of example texts.

4 Comments

  1. Thanks, really helped me!

    But I still struggle to find a tool that could be to change the javascript, Can you help me,
    Please!

  2. See http://github.com/aMarCruz/jspreproc

    It is a source file preprocessor and comments remover for JavaScript, written in javascript using regexes. In the sources you can see an example of how search regexes (almost safely).

    jspreproc supports…

    * C-style conditional comments and defines (#if-else-endif, #define, #undef, etc)
    * File insertion with #include and #include_once statements
    * Comments remotion, all or selective using filters to keep JSDoc comments and directives for various linters.
    * Configurable empty-line compactation and normalization
    * Command-line and node.js interfaces

    This is WIP, but right now is working fine for me. I’m the author.

Leave a Reply