javascript - Chrome で DOM ブレークポイントを設定する方法

Question

ここのチュートリアルに従おうとしています。

セクションDOM ブレークポイント(下部近く) に行き詰まっています。

彼らが話しているサンプルサイトに行きました。ctrl+ shift+を押しiて、「要素」タブに移動しました。要素タブで、次の html セクションを見つけました。

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

今、私はコンテキストメニューを見つけようとして立ち往生しています:

#profileCard 要素のコンテキスト メニューを表示し、ブレークするイベントを選択します: サブツリーの変更、属性の変更、およびノー​​ドの削除

ここに私がどこにいるかを示すスクリーンショットがあります:

Answer 1

Chrome でブレーク ポイントを設定するには、上記のようにインスペクターを表示し、上部のスクリプト オプションをクリックします。これにより、ページで使用されているスクリプトを確認し、そのページにブレーク ポイントを挿入できます。それらやその他の便利なデバッグ オプションをステップ実行するだけでなく、.

上記は JavaScript の場合です。dom 要素を中断するには、中断したい要素 (インスペクター内) を右クリックすると、サブツリーの変更などを中断できるコンテキスト メニューが表示されます。

Answer 2