Inspect hovered element in Chrome?

前端 未结 21 1529
小鲜肉
小鲜肉 2020-12-22 17:44

I am trying to view, through Chrome\'s developer tools, how tooltips are structured on a site. However, even when I am hovered over the item, when I \"inspect element\", not

21条回答
  •  时光取名叫无心
    2020-12-22 17:56

    In Chome on Linux this can be achieved for JS generated tooltips such as those for references on WikiPedia by doing the following:

    As stated above, open the dev tools using F12. Open them in another window. Highlight the tooltip and click Ctrl-Shift-C (The HTML Inspector). As you move over the tip, the dev window will show the appropriate section.

    If you need to keep the tip open when you mouse off it, to be able to inspect it in the other window more thoroughly, then right click on the tooltip and leave the context menu up, and click on the the dev tools window. In this scenario it leaves the tip up in the wikipedia window.

    To a degree it also works with bootstrap tips.

提交回复
热议问题