Инструменты разработчика Chrome, использующие функции проверки внутри тегов скрипта

Question

Я посмотрел в Google и не могу понять, например, использовать ли функцию dir () на веб-странице, над которой я работаю, я хотел бы, чтобы она выкладывала операторы отладки, поскольку я использую делать с Firebug.

Более понятный пример

Я хочу сделать следующее.

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

Однако при этом возникает неопределенная ошибка.

Answer 1

console.dir работает для меня:

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

Вы можете увидеть все функции, доступные на консоли, как это:

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

(я получаю следующее на Chrome 5.0.322,2:)

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

Answer 2

"jQuerify" --- идеальное расширение для встраивания jQuery в консоль Chrome настолько просто, насколько вы можете себе представить. Это расширение также вызывает, если jQuery уже был внедрен в страницу.

Это расширение используется для встраивания jQuery в любую страницу, которую вы хотите. Это позволяет использовать jQuery в консольной оболочке (Вы можете вызвать консоль Chrome нажатием "Ctrl + Shift + j").

Чтобы встроить jQuery в выбранную вкладку, нажмите кнопку расширения.

ССЫЛКА на расширение: https://chrome.google.com/extensions/detail/gbmifchmngifmadobkcpijhhldeeelkc

Answer 3

Вы пытались использовать console.log(var)? Он сбрасывает объект в консоль javascript ( Ctrl + Shift + j ), и вы можете удобно исследовать структуру.

Выход на консоль Chrome http://img411.imageshack.us/img411/1739/chromeconsolelog.png

Answer 4

Консоль находится по адресу:

• Элемент Instpect
• Нажмите Скрипты вверх
• Внизу слева нажмите кнопку Показать консоль

Примечание: здесь также появятся функции console.log().