Making jQuery source code readable

DoubleDee · March 18, 2011, 2:48pm

How do I make the jQuery source code readable?

I would like to modify the code for this slide-show plug-in…

…but the code is all lumped together into one unreadable heap.

Thanks,

Debbie

Paul_Wilkins · March 18, 2011, 9:37pm

That’s the minified version of the code, which you can easily tell by the .min in the filename.
For example: jquery.min.js

If you want the uncompressed code, download it from their website.

It’s not a good idea though to manually edit the source code of such libraries. There are almost always more appropriate ways to achieve your needs instead.

markbrown4 · March 18, 2011, 9:48pm

The source code is on GitHub.

github.com

malsup/cycle/blob/master/jquery.cycle.all.js

/*!
 * jQuery Cycle Plugin (with Transition Definitions)
 * Examples and documentation at: http://jquery.malsup.com/cycle/
 * Copyright (c) 2007-2013 M. Alsup
 * Version: 3.0.3 (11-JUL-2013)
 * Dual licensed under the MIT and GPL licenses.
 * http://jquery.malsup.com/license.html
 * Requires: jQuery v1.7.1 or later
 */
;(function($, undefined) {
"use strict";

var ver = '3.0.3';

function debug(s) {
	if ($.fn.cycle.debug)
		log(s);
}		
function log() {
	/*global console */

This file has been truncated. show original

DoubleDee · March 18, 2011, 10:14pm

I was looking for something like this…

http://jsbeautifier.org

Debbie

domscripter · March 19, 2011, 5:18am

@DoubleDee

Yeah, Online javascript beautifier is an excellent service (the best I’ve seen)!

For reference, here are two more:
Format Javascript
Javascript Format and Colour

felgall · March 19, 2011, 6:02am

That one does seem to have several additional features beyond just formatting the supplied code. Now you’ve got me thinking about possibly adding some of those types of thing into my formatter script (mine does colour code the output which that one doesn’t so I guess to some extent they complement one another).