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

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

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

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

Какие-либо предложения?


dom hover mouseover inspect firebug
person jawns317    schedule 28.06.2011    source источник
comment
Примечание. Я не знаю идентификатора элемента, класса и т. д. — вот что я пытаюсь выяснить.   -  person jawns317    schedule 28.06.2011

Ответы (4)


arrow_upward
1
arrow_downward

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

person mwcz    schedule 28.06.2011
comment
В итоге я просто просмотрел код в средстве просмотра DOM, чтобы найти недоступный элемент, но я воспользуюсь этим предложением в будущем. - person jawns317; 28.06.2011

arrow_upward
3
arrow_downward

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

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

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

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

person Werner    schedule 25.06.2012
comment
Вау, это гениально, спасибо. Я только что проверил, и кажется, что Chrome тоже имеет эту функцию. Это действительно очень пригодится. :) - person user280109; 29.01.2014
comment
Кстати, это отличное решение, но страница, которую я пытаюсь изучить, имеет много сотен мутаций в элементе body, и событие, которое я хочу поймать, трудно предсказать, когда оно произойдет, и мне бы очень хотелось, чтобы это был способ заморозить dom с помощью сочетания клавиш или букмарклета, когда элемент всплывает, чтобы я мог затем проверить замороженный временный всплывающий элемент. элемент, который я хочу изучить, появляется случайным образом. - person user280109; 29.01.2014

arrow_upward
0
arrow_downward

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

person Eddie    schedule 28.06.2011

arrow_upward
-1
arrow_downward

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

person citizen conn    schedule 28.06.2011