Chrome Dev Tools: ¿Cómo rastrear la red para un enlace que abre una nueva pestaña?

Quiero rastrear la actividad de la red que ocurre cuando hago clic en un enlace. El problema es que el enlace abre una nueva pestaña, y aparentemente Dev Tools funciona por pestaña para la que estaba abierto. "Conservar registro al navegar" no ayuda.

Mi solución actual es pasar a FireFox y HttpFox, que no tiene este problema. Me pregunto cómo se las arreglan todos los desarrolladores de Chrome, esto suena bastante básico (por supuesto, busqué la respuesta, no encontré nada útil).

Consulte chrome://net-internals/#events(o chrome://net-exporten la última versión de Chrome) para obtener una descripción detallada de todos los eventos de red que suceden en su navegador.

Otra posible solución, dependiendo de su problema específico, puede ser habilitar 'Conservar registro' en la pestaña 'Red':

y forzar que todos los enlaces se abran en la misma pestaña ejecutando el siguiente código en la consola:

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

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

La solicitud de función mencionada en el comentario de phsource ha sido implementada.

En versiones recientes (comenzando con Chrome 50), puede ir al menú de Configuración de Herramientas de desarrollador (abrir Herramientas de desarrollador, luego usar el menú de 3 puntos o presionar F1) y marcar la casilla que dice "Abrir automáticamente DevTools para ventanas emergentes".

En Chrome 61.0.3163.100 ahora tiene la siguiente opción disponible. Se accede yendo a la Configuración de Chrome Dev Tools. Está en el fondo.

• Agregar / actualizar el enlace a target="_self"
• Marque "conservar registros al navegar" en la pestaña Red.
• Haga clic en el enlace y obtiene su solicitud registrada

Puedes hacerlo de esta manera:

1. establezca target = "any_window_name" en el enlace deseado.
2. haga clic en ese enlace una vez, para abrirlo en una nueva pestaña.
3. En la pestaña abierta, abra las herramientas de desarrollador.

4. regrese a la página de origen y presione ese enlace nuevamente.

   El resultado se cargará en una ventana ya preparada con las herramientas de desarrollador abiertas.

   Puede activar la opción "preservar registro" en las herramientas de desarrollo (consulte la excelente respuesta de Konrad Dzwinel) para detectar el tráfico de redireccionamiento en ese enlace.

   Nota : la mayoría de las personas familiarizadas con el destino del enlace ∈ {_self, _blank, _parent, _top}. Pero en realidad se puede dar cualquier nombre, esto abrirá una nueva ventana con ese nombre, y cualquier clic posterior en enlaces, formularios o ventanas. Se abrirá en la misma ventana abierta con el mismo valor objetivo. lecturas adicionales - mdn: window.open , mdn: <a> etiqueta

En caso de que el enlace abierto no redirija, puede abrir la pestaña Red en la nueva pestaña y luego actualizar la pestaña.

Golpear rápidamente F12cuando se abre una nueva pestaña

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

Funciona para mí cuando monitorizo ​​las respuestas de descarga de Google Drive

* Descargo de responsabilidad: publicado por el desarrollador de HttpWatch *

HttpWatch en Windows puede registrar el tráfico de red generado cuando se abre una nueva pestaña o ventana de Chrome al habilitar la grabación automática en Herramientas-> Opciones-> Grabación. En la nueva ventana, haga clic en el icono HttpWatch para ver el seguimiento de la red.

La versión gratuita proporcionará información básica como URL, código de estado y tiempo transcurrido para cada solicitud.

* Descargo de responsabilidad: publicado por el desarrollador de HttpWatch *