google-chrome - usar - javascript console chrome

Herramientas de Chrome Dev: cómo rastrear la red de un enlace que abre una nueva pestaña?

Question

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 las herramientas Dev funciona por pestaña para la que estaba abierto. "Conservar el registro al navegar" no ayuda.

Mi solución actual es moverme a Firefox y HttpFox, que no tiene este problema. Me pregunto cómo todos los desarrolladores de Chrome administran, esto suena bastante básico (por supuesto, he buscado la respuesta, no encontré nada útil).

Answer 1

En Chrome 61.0.3163.100 ahora tiene la siguiente opción disponible. Se accede a ella mediante la configuración de Chrome Dev Tools. Está en la parte inferior. Configuración del Inspector web

Answer 2

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

Answer 3

La solicitud de función mencionada en el comentario de phsource se ha implementado.

En las versiones recientes (comenzando con Chrome 50), puede ir al menú Configuraciones de las Herramientas del Desarrollador (abra Herramientas del Desarrollador, luego use el menú de 3 puntos o presione F1 ) y marque la casilla que dice "Auto-abrir DevTools para las ventanas emergentes".

Answer 4

Presione rápidamente F12 cuando se abre una nueva pestaña

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

Funciona para mí cuando controlo las respuestas de descarga de Google Drive

Answer 5

Puedes hacerlo de esta manera:

1. establecer 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. vuelve a la página de origen y pulsa ese enlace nuevamente.

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

   Puede activar la opción "conservar registro" en las herramientas de desarrollo (ver en la excelente respuesta de Konrad Dzwinel) para captar cualquier tráfico de redirección 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 subsecuente en enlaces, formularios o ventana.abierto con el mismo valor objetivo se abrirá en la misma ventana. Lectura adicional - mdn: window.open , mdn: <a> tag

Answer 6

* 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 activando la grabación automática en Herramientas-> Opciones-> Grabación. En la nueva ventana, haga clic en el ícono HttpWatch para ver el rastreo 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 *

Answer 7

Consulte chrome://net-internals/#events 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 ''Guardar registro'' en la pestaña ''Red'':

y obligue a todos los enlaces a abrir 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;
};

Answer 8

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