Я использую вкладку DOM для проверки глобальных переменных JS, которые присутствуют на странице в Firebug. Что эквивалентно этому в инструментах разработчика Chrome?
Что эквивалентно вкладке DOM Firebug в инструментах Chrome Dev?
Ответ 1
Введите window
, затем вы увидите объект window
со всем, что внутри него.
p.s: window
является "самым верхним" объектом на обычной веб-странице. (Глобальная область действия) Поскольку специально упоминаются "Инструменты для разработчиков Chrome", мы можем с уверенностью предположить, что window
всегда будет глобальной областью.
Нажмите Console
, затем введите window
. Нажмите enter
, и теперь вы можете увидеть список глобальных переменных, таких как $
(jQuery) и document
.
Ответ 2
Да, он называется "Свойства".
Ответ 3
Возможно, вы ищете вкладку Scripts
в инструментах разработчика Chrome.
Кроме того, если вы нажмете вкладку Console
, вы можете ввести window.
. Вы увидите большой список элементов, все из которых доступны из области "окна" (обычно глобальной).
После того, как вы найдете объект или переменную, которую вы ищете в списке, вы можете нажать Enter
, и Chrome выведет соответствующую информацию для вашей записи.
Ответ 4
Установив точку останова в первой строке вашей вкладки script на вкладке Script, вы увидите все глобальные переменные в разделе Параметры области на правой боковой панели. Инструмент Chrome dev не будет показывать переменные без точки останова, но вы все равно можете получить доступ к ним с консоли.
Ответ 5
Выполните следующие действия в консоли Chrome:
for(variable in window) {
if(window.hasOwnProperty(variable)) {
console.log(variable);
}
}