H A Z E M S A L E H

JavaScript Tools

Outline

JavaScript Debugging Tools

Google Chrome Developer Tools.

Safari Development Tools.

Firebug for Firefox.

IE Developer Tools.

JavaScript Code Verification Tools

JSLint.

JavaScript Code Minification Tools

YUI Compressor.

Dojo ShrinkSafe

JavaScript Debugging Tools

Google Chrome Developer Tools

Google Chrome Developer Tools

Safari Development Tools

Safari Development Tools

Firebug for Firefox

Firebug for Firefox

IE Developer Tools

IE Developer Tools

JavaScript Code Verification Tools

JSLint

Verify your JavaScript code on: http://www.jslint.com

JavaScript Code Minification Tools

JavaScript Code Minification Tools

Compressing JavaScript code is one of the most important things to consider in order to have better JavaScript performance.

Some popular web sites declared that their users have empty browser caches, this is why this is important to be considered. Yahoo! Declared that around 40% to 60% of Yahoo!'s users

have an empty cache experience.

Many ready made tools can perform JavaScript code minification, however, the most popular two are for YUI and Dojo.

YUI Compressor

Download the yuicompressor-x.y.z.jar from:

https://github.com/yui/yuicompressor/downloads

Run the compressor from the CLI:

java -jar yuicompressor-2.4.7.jar file1.js -o file1-min.js --charset utf-8

file1.js refers to the JavaScript file to be compressed.

-o file1-min.js means output the compressed content to file1-min.js.

--charset utf-8 for UTF-8 handling.

Dojo ShrinkSafe

Download the dojo-release-x.y.z-shrinksafe.zip from:

http://download.dojotoolkit.org/current-stable/

Run the compressor from the CLI:

java -jar -Dfile.encoding=UTF8 shrinksafe.jar file1.js > file1-min.js

file1.js refers to the JavaScript file to be compressed.

> file1-min.js means output the compressed data to file1-min.js file.

-Dfile.encoding=UTF8 for UTF-8 handling.

Questions