onFocusページ上の多数のテキスト ボックスに関連付けられたJavaScript イベントをデバッグしようとしています。テキスト ボックスを選択してから次のテキスト ボックスにタブ移動したときにバグが発生します。ChromeonFocusデベロッパー ツールを使用してイベントにブレーク ポイントを設定することで、これをデバッグしようとしています。直面している問題は、テキスト ボックスを選択してブレーク ポイントがキャッチされると、Chrome デベロッパー ツールがフォーカスを奪って返さないため、次のテキスト ボックスにタブ移動できないことです。回避策をご存知の方はいらっしゃいますか? Chrome デベロッパー ツールを使用せずに、必要な情報をすべて印刷するには、アラート ステートメントに頼るしかないと思います......
ベストアンサー1
Chrome Dev Tools には、インスペクター内と Web ページへのオーバーレイの両方に再生/一時停止ボタンが含まれています。オーバーレイを使用すると、インスペクターにフォーカスが移動しなくなります。
また、次のタイプのログ記録ソリューションは、間隔方式よりも追跡しやすいことがわかりました (冗長性が少なく、間隔よりも急速に発生する変更を検出できるため)。
$('*').on('focus blur', function(event) {console.log(event.type + " to:"); console.log(document.activeElement);});