Что эквивалентно вкладке Firebug DOM в инструментах Chrome Dev?

Question

Я привык использовать вкладку DOM для проверки глобальных переменных JS, присутствующих на странице в Firebug. Что эквивалентно этому в инструментах разработчика Chrome?

Answer 1

Введите window, тогда вы увидите объект window со всем внутри него.

p.s: window - самый верхний объект на обычной веб-странице. (Глобальная область) Поскольку "Chrome Developer Tools" специально упоминается, мы можем смело предположить, что window всегда будет глобальной областью действия.

Нажмите Console, затем введите window. Нажмите enter, и теперь вы можете увидеть список глобальных переменных, таких как $ (jQuery) и document.

Answer 2

Да, это называется "Свойства".

Answer 3

Выполните в консоли Chrome следующее:

for(variable in window) { if(window.hasOwnProperty(variable)) { console.log(variable); } }

Answer 4

Установив точку останова в первой строке вашего скрипта на вкладке Script , вы увидите все глобальные переменные в разделе Переменные области действия на правой боковой панели. Инструмент разработчика Chrome не будет показывать переменные без точки останова, но вы все равно сможете получить доступ к ним из консоли.

Answer 5

Возможно, вы ищете вкладку Scripts в инструментах разработчика Chrome.

Кроме того, если вы щелкнете по вкладке Console, вы действительно сможете ввести window..Вы увидите большой список элементов, которые все доступны из «оконной» (обычно глобальной) области.

После того, как вы найдете в списке искомый объект или переменную, вы можете нажать Enterи Chrome выведет соответствующую информацию для вашей записи.