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


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

例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。  
[![こんな](https://i.stack.imgur.com/SrABN.png)](https://i.stack.imgur.com/SrABN.png)  
赤丸のようにアカウント名のリンクの所にマウスを持って行くと、青い枠のようなポップアップが開きます。

ところが、このポップアップはマウスがポップアップの外に出てしまうと、消えてしまいます。  
そのため、以下のエレメント選択ボタンを押す前に、前述のようにポップアップが消えてしまうため、該当のDOMが見つけられません。  
[![エレメント選択ボタン](https://i.stack.imgur.com/j5fOK.png)](https://i.stack.imgur.com/j5fOK.png)

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




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

