AJAX / jQueryで何かが変更されている間にHTMLに起こっている変更を確認するための最良の方法は何ですか?Firebugを介して追加されたHTMLを適切にデバッグするには、変更が速すぎて(その後消えて)しまいます。
編集:私はスクリプト自体を作成しておらず、それを制御することもできません。
これが役立つかどうかはわかりませんが、FFで実行し、Firebug&Venkman(Javascript Debugger)などのFFアドオンを使用してHTMLとJSをデバギングする必要があります。
FirebugでHTMLの動的な変更を確認できます。
Chrome開発者ツールでは、DOM要素を選択し、DOMブレークポイントを配置できますSubtree modification
。その後、スクリプトがそれを変更しようとすると、デバッガーはコードのこの時点で壊れます。他の開発者ツールについては知りません。
console.log('usual info log');
console.warn('warning will show exclam. mark in FF or yellow color text in Opera');
console.error('you will definitely recognize it from all the rest');
これらのいくつかの関数は、ログを使用してワークフローを監視することを計画している場合に、実行時に何が起こっているかを区別するのに役立ちます。
構造の変更に関しては、前述のように、ブレークポイントを使用してDOMを監視できます。