Chrome 開発者ツールを使用して、Twitter の oauth で発生している問題をデバッグしようとしています。
oauth ウィンドウが表示されたら、開発者ツールを開いてリクエストを監視しますが、oauth ウィンドウが閉じるとすぐに開発者ツール ウィンドウも閉じられます。作成されたリクエストを検査できるように、開発者ツール ウィンドウを開いたままにしておきたいです。
これは可能ですか?
Chrome 開発者ツールを使用して、Twitter の oauth で発生している問題をデバッグしようとしています。
oauth ウィンドウが表示されたら、開発者ツールを開いてリクエストを監視しますが、oauth ウィンドウが閉じるとすぐに開発者ツール ウィンドウも閉じられます。作成されたリクエストを検査できるように、開発者ツール ウィンドウを開いたままにしておきたいです。
これは可能ですか?
完全な解決策ではありませんが、次の場所でチェックボックスをオンにすることで、イベントWindow.close
にブレークポイントを追加できます。unload
Developer tools -> "Sources" tab -> Event Listener Breakpoints -> Window -> close
と
Event Listener Breakpoints -> Load -> unload
両方に印をつけて、どちらがあなたに最も適しているかを確認してください
もう 1 つのオプションは、自分でブレークポイントを手動で追加することです。すぐに閉じるウィンドウを開き、JS コンソールを開きます。
window.addEventListener('unload', function() { debugger; })
しかし、それはすべて、ウィンドウが何をしているのか、そしていつ停止したいのかということになるので、@ jfhfhf839の回答のように、[ソース]タブでイベントリスナーブレークポイントを試してみることも良い考えです.
私の場合 (Google OAuth フローのデバッグ) は、どちらWindow -> Close
もLoad -> Unload
うまくいきませんでしたScript > Script First Statement
が、目的の場所に到達するまでに数回実行を再開する必要がありましたが、役に立ちました。
リモート デバッグを使用してみてください: https://developers.google.com/chrome-developer-tools/docs/remote-debugging この場合、デベロッパー ツールは別のブラウザー タブで開かれ、自動的に閉じられません。
ウィンドウが見つかった場合は、ウィンドウを閉じるコードにブレークポイントを設定することも検討してください。