JavaScript jQuery.debug – A Simple Debugger

The *jQuery.debug* plugin is a simple but useful utility to dump variables visibly, directly within the HTML document. This allows you to track any variable any time, track values changed by events etc.

If the plugin is linked, a function `jQuery.debug()` can be used as the constructor of a single debugger. You may use simultaneously as many debuggers as you need. To use the debugger, you have to do two things:

1. instatiate new debugger
2. call its `dump()` method anywhere in your code
3. more features may come in the future

// Example:

var debug = new jQuery.debug();
// …
// …

See “plugin source code”:[/files/jquery.debug/jquery.debug.js] or “the example”:[/files/jquery.debug/] and its source code for more details.

**Download:** “version 1.0″:[/files/jquery.debug/jquery.debug.js] (01/16/2009)

Published on January 16, 2009 by Petr Staníček • Category: JavaScript

Tags: , ,

6 Comments to “jQuery.debug – A Simple Debugger”

[1] by pk on February 3, 2009, 4:57pm

The example here cannot work, since the `new` statement is missing.

[2] by Petr Staníček on February 3, 2009, 5:15pm

I don’t get it. “new” is the JS keyword, and the example seems to work. In which browser it doesn’t work?

[3] by pk on February 3, 2009, 5:27pm

I mean the example code in this article, 1. line. The linked example works well.

[4] by Petr Staníček on February 3, 2009, 10:32pm

Oh, yes! Thanks, fixing.

[5] by pk on February 16, 2009, 10:09pm

1. the example in jquery.debug.js contains syntax error: `posTo{…` => `posTo:{…`.
2. I don’t really understand the principle, but many jq plugins use variable (variable?) `jQuery` instead of `$`. It has something with compatibility issues (jQ vs other frameworks). For example, now I tried to load jq.debug inside WordPress admin -> firebug showed errors -> mass replace $=>jQuery -> works.

[6] by Petr Staníček on February 16, 2009, 11:03pm

[5] OK, you’re right. I’m sorry, I’m so used to the ‘$’-syntax so I didn’t get this may be a problem. I fixed everything to the ‘jQuery’-syntax. Thanks for the report.

Something serious to tell?

required; won't be displayed

Texy! formatting supported. Please keep the comments to the point, short and decent. Thank you.