Ferramentas de desenvolvimento do Chrome: como rastrear a rede para um link que abre uma nova guia?

Quero rastrear a atividade de rede que acontece quando clico em um link. O problema é que o link abre uma nova guia e, aparentemente, o Dev Tools funciona por guia para a qual estava aberto. "Preservar log na navegação" não ajuda.

Minha solução atual é mudar para o FireFox e o HttpFox, que não possui esse problema. Gostaria de saber como todos os desenvolvedores do Chrome gerenciam, isso parece bastante básico (é claro que procurei a resposta, não achei nada útil).

Confira chrome://net-internals/#events(ou chrome://net-exportna versão mais recente do Chrome) para obter uma visão geral detalhada de todos os eventos de rede que ocorrem no seu navegador.

Outra solução possível, dependendo do seu problema específico, pode ser ativar o 'Preserve log' na guia 'Network':

e force a abertura de todos os links na mesma guia executando o seguinte código no console:

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

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

A solicitação de recurso mencionada no comentário pelo phsource foi implementada.

Nas versões recentes (a partir do Chrome 50), você pode acessar o menu Configurações das Ferramentas do Desenvolvedor (abra Ferramentas do Desenvolvedor, use o menu de 3 pontos ou clique em F1) e marque a caixa que diz "Abrir automaticamente o DevTools for pop-ups".

No Chrome 61.0.3163.100, agora você tem a seguinte opção disponível. Para acessar, acesse as Configurações das Ferramentas de Desenvolvimento do Chrome. Está no fundo.

• Adicione / atualize o link para target="_self"
• Marque "preservar logs na navegação" na guia Rede.
• Clique no link e registre sua solicitação

Você pode fazer assim:

1. defina target = "any_window_name" no link desejado.
2. clique no link uma vez para abri-lo em uma nova guia.
3. Na guia aberta, abra as ferramentas do desenvolvedor.

4. volte à página de origem e clique nesse link novamente.

   O resultado será carregado na janela já preparada com as ferramentas do desenvolvedor abertas.

   Você pode ativar a opção "preserve log" nas ferramentas de desenvolvimento (veja na excelente resposta do Konrad Dzwinel) para capturar qualquer tráfego de redirecionamento nesse link.

   Nota : a maioria das pessoas familiarizadas com o destino do link ∈ {_self, _blank, _parent, _top}. Mas, na verdade, qualquer nome pode ser dado, isso abrirá uma nova janela com esse nome e quaisquer cliques subsequentes em links, formulários ou janelas. A abertura com o mesmo valor-alvo será aberta na mesma janela. leitura adicional - mdn: window.open , mdn: <a> tag

Caso o link aberto não seja redirecionado, você pode abrir a guia Rede na nova guia e atualizá-la.

Bata rapidamente F12 quando uma nova guia for aberta

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

Funciona para mim ao monitorar as respostas de download do Google Drive

* Disclaimer: Postado por desenvolvedor do HttpWatch *

O HttpWatch no Windows pode gravar o tráfego de rede gerado quando uma nova guia ou janela do Chrome é aberta, ativando a gravação automática em Ferramentas-> Opções-> Gravação. Na nova janela, clique no ícone HttpWatch para visualizar o rastreamento de rede.

A versão gratuita fornecerá informações básicas, como URL, código de status e tempo decorrido para cada solicitação.

* Disclaimer: Postado por desenvolvedor do HttpWatch *