googleデベロッパーツールでjavascriptのホバー制御部分を検証する

Question

Google Chromeの検証機能でよそのページの仕組みを見る際に、javascriptでホバー制御等されていて、特定要素のホバー時にメニューを表示する、というパターンの場合、ホバー時のみ現れるメニュー部分のcssなどの確認をすることができません。

cssで制御されている場合はデベロッパツールの機能でhoverなどを擬似的に再現できますが、javascriptで制御されている場合これができません。他方でjavascriptを最初から停止してしまうとホバー時にそもそも表示されてくれません。

何かホバー状態のままでクリックイベントをなくしたり、javascriptを無効化する簡単な方法ってないでしょうか？

当方の環境はmacなので特にmacで実現可能な方法を知りたいです。

Answer 1

elementsタブ、要素の右クリックメニューから
break on → attribute modificationはどうですか？

~~もしくは、コンソールから、右クリックにalertするイベント作っておいて、そこで止めるとか。
~~
document.addEventListener('contextmenu',()=>alert())

Source画面からF5でJSは止めれるみたいでした。

Comments

[aoies]

色々な方法教えてくださりありがとうございました！
当方環境ではF8で無事javascriptをストップできました。