こんにちは。
野中やすおです。
DevToolsで要素検証時に要素を一時停止する方法をよく忘れるので、備忘録がてら記事にします。
目次
具体的な方法
まずはGoogle ChromeでDevToolsを開きます。
その後、一番左上の「ページ内の要素を選択して検査」をクリックして該当の要素を選択します。
その後、以下のコマンドをコンソール上で実行します。
|
1 |
setTimeout(() => { debugger }, 5000) |
上記で指定した秒数 (５ 秒) の間で該当の要素を操作していれば、要素を一時停止させることができます。
これで hoverなど一時的にしか表示されない要素を検証することができます。
