Chrome DOMブレイクポイントイベントをコンソールで手動でフックすることはできますか？

Question

現在、要素インスペクタウィンドウからDOM要素を右クリックし、「サブツリーの変更を中断する」を選択できます。ブレークポインティングは便利ですが、リアルタイム統計もいくつか集めて、JSコンソールを使用してイベントをフックすることを望んでいます。つまり、実際に実行を破棄する代わりにコールバック関数を起動します。これは可能ですか？

Answer 1

バインドイベントとしては、次のとおりです。

// DOMNodeInserted may be more interesting 
document.addEventListener('DOMSubtreeModified', function(event) { 
    console.log(event.target); // Logs the element 
}); 

をログに記録要素は、「ライブ」であるので、それは、ロギング時に要素が表示されません。 DOMNodeInsertedイベントの場合は、以下を使用すると便利です。console.log(event.target.outerHTML);