Chrome Dev Tools: 新しいタブを開くリンクのネットワークをトレースするにはどうすればいいですか? 質問する

Chrome Dev Tools: 新しいタブを開くリンクのネットワークをトレースするにはどうすればいいですか? 質問する

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

私の現在の解決策は、この問題のない Firefox と HttpFox に移行することです。Chrome の開発者全員がどうやって対処しているのか不思議です。これはかなり基本的なことのように思えます (もちろん答えを検索しましたが、役立つものは何も見つかりませんでした)。

ベストアンサー1

chrome://net-exportブラウザで発生しているすべてのネットワーク イベントの詳細な概要を確認してください。


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

DevTools > ネットワーク > ログを保存

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

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

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

おすすめ記事