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

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

Ответы

Ответ 1

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

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

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

Ответ 2

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

enter image description here

Ответ 3

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

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

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

Ответ 4

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

Ответ 5

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

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