質問: 動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか? 例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。 ![こんな](https://i.stack.imgur.com/SrABN.png) 赤丸のようにアカウント名のリンクの所にマウスを持って行くと、青い枠のようなポップアップが開きます。 ところが、このポップアップはマウスがポップアップの外に出てしまうと、消えてしまいます。 そのため、以下のエレメント選択ボタンを押す前に、前述のようにポップアップが消えてしまうため、該当のDOMが見つけられません。 ![エレメント選択ボタン](https://i.stack.imgur.com/j5fOK.png) いかんせんweb開発をして間もないので、何もかも分かっていません。 こういう動的に出たり消えたりしてしまう要素のDOMを拾うには何というかブレークポイントみたいなのが使えそうな気がしますが、やり方がよくわかりません。 どなたか、御教示願います。
回答: ブラウザーで要素の上にマウスカーソルを置いてからショートカットキー(*Ctrl+Shift+C*)を押して選択状態にできます。 この状態でホバーが外れると要素が消えてしまうため、もう一度ショートカットキーを押した状態でDeveloper Toolsまで移動すればよいかと思います。