Firefox и Firebug: как проверить динамически создаваемую подсказку Bootstrap?

Я хотел бы добавить CSS-класс в подсказку Bootstrap (3.x), но, похоже, он не работает. Поэтому я хотел бы использовать Firebug для проверки содержимого всплывающей подсказки. Однако, когда я перемещаю свою мышь в область Firebug, динамически генерируемая всплывающая подсказка отклоняется.

Как я могу проверить динамически генерируемую подсказку Bootstrap?

Вот ссылка на jsfiddle.

<label>
Some Text 
<a href="#" data-toggle="tooltip" title="Tooltip goes here!">?</a>
</label>

$(function() { 
    $('[data-toggle="tooltip"]').tooltip({
        'animation': true,
        'placement': 'top' 
    });
});

Спасибо!

ОТВЕТЫ

Ответ 1

  • Включить панель Script
  • Обновить страницу
  • Осмотреть элемент <label>, содержащий Some Text?
  • Щелкните правой кнопкой мыши элемент и выберите "Разделить на дочернее дополнение или удаление" в контекстном меню
  • Наведите указатель мыши на вопросительный знак = > Выполнение script прекратится, и вы увидите подсказку, показывающую вам элемент подсказки.

enter image description here

  1. Нажмите кнопку "Шаг за шагом" (enter image description here) или нажмите F10 один раз, чтобы элемент был добавлен в DOM
  2. Перейдите на панель HTML

= > Там вы увидите <div>, содержащую всплывающую подсказку, и вы сможете проверить его стили.

enter image description here

Ответ 2

Я искал Как проверить всплывающую подсказку JQuery в firebug

  • Осмотреть элемент в Firebug
  • Выберите вкладку "Событие" справа.
  • Отключить mouseoutevent.
  • Теперь, когда мышь исчезла из элемента, всплывающая подсказка остается. Может быть проверен как любой другой элемент через FireBug.

Вот небольшое видео: https://youtu.be/msTU8JDnaBU

Ответ 3

Я обнаружил, что единственный шаг MAIN (вместо шагов 1-5 в принятом ответе Себастьяна Зартнера) заключается в том, что FIRST включает вкладку HTML Firebug "Break On Mutate". Это самая левая верхняя кнопка на этой вкладке.

Только с помощью этого шага JavaScript будет приостановлен, когда появится динамически показанная подсказка. Затем вы можете проверить стиль CSS или использовать кнопку перехода через Script, чтобы увидеть строку Javascript этой подсказки.

Версия Firebug 2.0.17