マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには

Question

動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか？

例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。

赤丸のようにアカウント名のリンクの所にマウスを持って行くと、青い枠のようなポップアップが開きます。

ところが、このポップアップはマウスがポップアップの外に出てしまうと、消えてしまいます。
そのため、以下のエレメント選択ボタンを押す前に、前述のようにポップアップが消えてしまうため、該当のDOMが見つけられません。

いかんせんweb開発をして間もないので、何もかも分かっていません。
こういう動的に出たり消えたりしてしまう要素のDOMを拾うには何というかブレークポイントみたいなのが使えそうな気がしますが、やり方がよくわかりません。
どなたか、御教示願います。

Answer 1

デバッガの機能でJavaScriptの実行を停止させます。
FirefoxでもChromeでもF8がポーズに割り当てられているようですね。
(Firefoxだとポーズ中はマウスでの要素の選択なども出来なくなってしまうのが困った所です)

Answer 2

要素選択モードを使った別解ですが、当該要素を右クリックして「検証」を選ぶと（必要なら開発者ツールを表示して）その要素が選択されます。「検証」を選択したときにメニューが閉じますが、この時点でマウスカーソルが開発者ツール上、もしくはウィンドウの外にあればマウス関連のイベントは発生しないため、要素が消えることを回避できます。

Answer 3

ブラウザーで要素の上にマウスカーソルを置いてからショートカットキー(Ctrl+Shift+C)を押して選択状態にできます。
この状態でホバーが外れると要素が消えてしまうため、もう一度ショートカットキーを押した状態でDeveloper Toolsまで移動すればよいかと思います。