LoginSignup
0
1

More than 1 year has passed since last update.

Chrome DevToolsでPopover(hover時など)の挙動を確認する

Last updated at Posted at 2022-01-18

hoverを外すと隠れてしまう要素を、DevToolsなどで確認したくなることはありませんか?
しかしdevtoolsへカーソルを移動してしまうと要素が消えてしまいます。
今回は、hover時の要素を確認できずに困っている方へ向けて、解決方法を解説します。

devtoolsのconsoleに debugger と入力する

スクリーンショット 2022-01-18 16.16.55.png

hoverしてPopoverを表示する

画面収録 2022-01-18 16.20.21.mov.gif

enterで debugger を実行する

スクリーンショット 2022-01-18 16.24.20.png

これで好きなだけdevtoolsを確認できます。

スクリーンショット 2022-01-18 16.23.05.png

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1