Make Developing Rich Internet Applications a Lot Easier.

Inspect JavaScript Objects

Inspect a JavaScript object to discover its members and the values of those members. NitobiBug intelligently discerns simple types like strings, booleans, and numbers, from complex objects like error messages and objects.

To inspect an object

var myObject = {a:234523, something:'else', mylist:[32423,4556,'sdfs']}; nitobi.Debug.log(myObject);

You can also inspect a DOM element to see what members it has, it's size and position.

To inspect a DOM element

var myDomObject = document.getElementById('someID'); nitobi.Debug.log(myDomObject);

NitobiBug can generally be used to output debug messages througout your application -
including plain-text.

To output some text

nitobi.Debug.log("This is a test");

It remembers where you put it

The debug window is draggable and resizable. It remembers its size and position between page refreshes.

This way, if you're working on an object that's not at the top of the page, you wont have to worry about constantly repositioning the debug window.

Remember, you can resize NitobiBug too. Just click and drag on the bottom-left corner of the window.

Find out Where Things are, Precisely

If you feed NitobiBug a DOM element, it'll do it's best to tell you exactly where it is on the page. Use the "Show Me" button to highlight the object on the page.

Easy Installation

Using NitobiBug is easy. Simply include the script on your page and begin calling nitobi.Debug.log(). No initialization is required.

Installation

<script src="nitobi.bug.js" type="text/javascript"></script>

Cross-browser

It has been tested on the following browsers:

• Internet Explorer 6+
• Firefox 1+
• Safari (Only tested 3+)
• Opera 8+

Free and Open

NitobiBug is essentially free to do with as you see fit. We use an MIT-style license.