Tooltipの中身をElementで確認したい時(chrome devtool)

投稿者:

マウスを動かしたり、クリックすると消える要素の中身みたいんや

確認のためにbootstrapのドキュメントページでやりました

https://getbootstrap.jp/docs/4.2/components/tooltips/

babu
babu

→のTooltip on topみたいなやつの中身見たい時あるよね〜〜
Elementの画面では省略されて見れんし・・・

babu
babu

そんなときはまずSourcesタブに移動!

babu
babu

TooltipのとこにホバーしたままF8を押す(WinもMacも同じ)

babu
babu

ザ・ワールド!!!

すると画面が止まるので

Elementタブに移動して、中身を確認できました〜〜〜〜

babu
babu

おわり