Firefox and Firebug: how to inspect dynamically generated Bootstrap tooltip?
I was looking for How to inspect a JQuery tooltip in firebug
- Inspect the element in Firebug
- Select the "Event" tab to the right
- Disable the mouseoutevent.
- Now when the mouse is gone from the element, the tooltip stays. Can be inspected as any other element via FireBug.
Here is a small video: https://youtu.be/msTU8JDnaBU
- Enable the Script panel
- Reload the page
- Inspect the
<label>
element containingSome Text?
- Right-click the element and choose Break On Child Addition or Removal from the context menu
- Move the mouse over the question mark => The script execution will stop and you'll see a hint showing you the tooltip element.
- Press the Step Over button () or press F10 once, so the element is added to the DOM
- Switch to the HTML panel
=> There you'll see the <div>
containing the tooltip and you'll be able to check its styles.