javascript tools
DESCRIPTION
This presentation goes through the most popular JavaScript tools on the different browsers (Internet Explorer, Firefox, Safari and Chrome). It goes through popular JavaScript debugging tools, JavaScript verification tool (JSLint), and finally JavaScript minification tools.TRANSCRIPT
![Page 1: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/1.jpg)
H A Z E M S A L E H
JavaScript Tools
![Page 2: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/2.jpg)
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
![Page 3: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/3.jpg)
JavaScript Debugging Tools
![Page 4: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/4.jpg)
Google Chrome Developer Tools
![Page 5: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/5.jpg)
Google Chrome Developer Tools
![Page 6: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/6.jpg)
Safari Development Tools
![Page 7: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/7.jpg)
Safari Development Tools
![Page 8: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/8.jpg)
Firebug for Firefox
![Page 9: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/9.jpg)
Firebug for Firefox
![Page 10: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/10.jpg)
IE Developer Tools
![Page 11: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/11.jpg)
IE Developer Tools
![Page 12: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/12.jpg)
JavaScript Code Verification Tools
![Page 14: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/14.jpg)
JavaScript Code Minification Tools
![Page 15: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/15.jpg)
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.
![Page 16: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/16.jpg)
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.
![Page 17: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/17.jpg)
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.
![Page 18: JavaScript tools](https://reader034.vdocuments.us/reader034/viewer/2022052521/5404fce08d7f72a6768b4970/html5/thumbnails/18.jpg)
Questions