Chrome Dev Tools：新しいタブを開くリンクのネットワークを追跡する方法は？

リンクをクリックしたときに発生するネットワークアクティビティを追跡したい。問題は、リンクが新しいタブを開き、開発ツールが開いていたタブごとに機能することです。「ナビゲーション時にログを保持」は役に立ちません。

現在の解決策は、この問題のないFireFoxとHttpFoxに移行することです。Chromeのすべての開発者がどのように管理しているのか、これはかなり基本的に聞こえます（もちろん、答えを検索しましたが、役立つものは何も見つかりませんでした）。

ブラウザで発生するすべてのネットワークイベントの詳細な概要については、chrome://net-internals/#events（またはchrome://net-export最新バージョンのChromeで）確認してください。

特定の問題に応じて、[ネットワーク]タブで[ログの保持]を有効にすることで、他の解決策が考えられます。

コンソールで次のコードを実行して、すべてのリンクを強制的に同じタブで開くようにします。

[].forEach.call(document.querySelectorAll('a'),
    function(link){
        if(link.attributes.target) {
            link.attributes.target.value = '_self';
        }
    });

window.open = function(url) {
    location.href = url;
};

機能要求 phsourceによってコメントに言及したが実装されました。

最近のバージョン（Chrome 50以降）では、[開発者ツールの設定]メニュー（[開発者ツール]を開いてから、3ドットのメニューを使用するか、[ヒット]）に移動して、[ F1DevToolsをポップアップで自動開く] チェックボックスをオンにします。

Chrome 61.0.3163.100では、次のオプションが利用できるようになりました。Chrome Dev Tools Settingsからアクセスできます。一番下にあります。

• へのリンクを追加/更新 target="_self"
• [ネットワーク]タブの[ナビゲーション時にログを保持する]をオンにします。
• リンクをクリックして、リクエストをログに記録します

あなたはこの方法でそれを行うことができます：

1. 必要なリンクにtarget = "any_window_name"を設定します。
2. そのリンクを1回クリックして、新しいタブで開きます。
3. 開いているタブで、開発者ツールを開きます。

4. 元のページに戻り、もう一度そのリンクをクリックしてください。

   結果は、開発者ツールが開いた状態ですでに準備されているウィンドウに読み込まれます。

   開発ツールの「ログの保存」オプションをアクティブにして（Konrad Dzwinelの優れた回答を参照）、そのリンク上のリダイレクトトラフィックをキャッチできます。

   注：リンクターゲットfamiliar {_self、_blank、_parent、_top}に精通しているほとんどの人。しかし、実際には任意の名前を付けることができます。これにより、その名前で新しいウィンドウが開き、同じターゲット値を持つリンク、フォーム、またはwindow.openをクリックすると、同じウィンドウで開かれます。さらに読む-mdn：window.open、mdn：<a>タグ

開いているリンクがリダイレクトされない場合は、新しいタブで[ネットワーク]タブを開いて、タブを更新できます。

F12新しいタブが開いたらすぐにヒット

https://stackoverflow.com/a/13747562/660408

Googleドライブのダウンロードレスポンスを監視するとうまくいきます

*免責事項：HttpWatchの開発者による投稿*

WindowsのHttpWatchは、ツール->オプション->記録で自動記録を有効にすることにより、新しいChromeタブまたはウィンドウが開いたときに生成されるネットワークトラフィックを記録できます。新しいウィンドウでHttpWatchアイコンをクリックして、ネットワークトレースを表示します。

無料版では、各リクエストのURL、ステータスコードと経過時間などの基本的な情報を提供します。

*免責事項：HttpWatchの開発者による投稿*