Jump to content

Inspect JavaScript object in FireBug


williamrouse

Recommended Posts

In an attempt to become more familiar with JavaScript and jQuery I started to write some simple code and wanted to look at the object in the firebug debugger to understand the layout of properties and values that come with the object. I am absolutely overwhelmed at what is provided when I try to inspect an object. Given the code:

$boxVar = $('#box00');

Where in the world is the hierarchal path or tree structure that would lead me to see properties such as location, position, color and the like when I inspect a javaScript or in the above example, ?$boxVar? a jQuery object, in the watch window of firebug?

 

Thanks!

Link to comment
Share on other sites

I made a pass with the links you provided and stumbled on some others. Here is your list and some others that I stumbled on and will go through today and the next few days to get familiar with firebug and JavaScript objects.

How to use Firebug for CSS

http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

Debugging Ajax Applications with Firebug

Firebug pages

http://

http://michaelsync.net/2007/09/30/firebug-tutorial-script-tab-javascript-debugging

http://happygiraffe.net/blog/2007/09/26/jquery-logging/

Firebug Tutorial ? Using Commandline API in Firebug

http://michaelsync.net/2007/09/15/firebug-tutorial-commandline-api

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...