Question

I’ve looked around on google and I cannot figure out to use for instance the dir() function within the web page I’m working on, I would like to have it spit out debug statements, as I’m used to doing with Firebug.

A clearer example

What I want is to do the following.

<script>
a=document.getElementById('gabber');
dir(a);
</script>

However doing this gets an undefined error.

Answer 1

console.dir works for me:

console.dir(document.getElementById('foo')); 

You can see all the functions available on the console like this:

for (var n in console) {
  if (typeof console[n] == "function") {
    console.log(n);
  }
}

(I get the following on Chrome 5.0.322.2:)

debug
error
info
log
warn
dir
dirxml
trace
assert
count
markTimeline
time
timeEnd
group
groupEnd