Firebug: Как я могу проверить элемент, на который я не могу нажать?

Question

Я пытаюсь использовать Firebug для проверки элемента страницы, который появляется при наведении курсора на фотографию.

Проблема в том, что позиция элемента динамически смещена относительно позиции мыши, поэтому я не могущелкните правой кнопкой мыши на нем, чтобы получить опцию «Inspect Element».

Я надеялся, что элемент onhover будет вставлен в DOM в разумном месте, но до сих пор я не смог найтиэто.

Есть предложения?

Answer 1

Если вы знаете , где в DOM, будет создан новый элемент (довольно часто эти элементы создаются как дочерние элементы элемента body), вы можете установить точку останова при его создании.

Предположим, что элемент будет создан как дочерний элемент элемента body.Вы сможете проверить элемент, выполнив следующие действия:

1. Загрузить страницу
2. активировать панель HTML FireBug
3. Найти элемент body
4. Щелкните правой кнопкой мыши элемент body и выберите во всплывающем меню Break on Child Addition or Removal
5. Наведите указатель мыши на фотографию, чтобы запустить создание нужного элемента

Выполнение скриптадолжен сломаться, как только элемент будет создан.В этот момент у вас будет все время, чтобы проверить этот динамически созданный элемент, даже на панели HTML.

Answer 2

Это не идеальное решение, но вы можете исследовать соответствующий код, чтобы узнать больше информации о создаваемом элементе. Эта информация может позволить вам найти ее в программе просмотра DOM в Firebug.

Answer 3

Можете ли вы искать элемент, используя панель поиска в верхней части окна firebug?

Answer 4

Вы можете использовать CTRL + F, чтобы найти его в представлении кода.