javascript - page - how to debug on chrome

¿Hay alguna manera de filtrar las solicitudes de red con las herramientas de desarrollo de Google Chrome?

Question

¿Es posible filtrar algunas solicitudes con las herramientas de desarrollo de Chrome, por ejemplo, filtrar todas las solicitudes de imágenes?

Answer 1

Agregar un -MimeType:image/jpeg filtro de -MimeType:image/jpeg funcionó para mí.

Answer 2

Al igual que -MimeType, puede usar el dominio en la entrada de filtro, así:

dominio: tudominio.com

Answer 3

Escribe -.png -.gif -.jp en el cuadro de entrada de filtro para excluir todas las imágenes de los resultados. En la parte inferior, muestra la cantidad total de datos transferidos sin imágenes.

Un "Ingeniero en Google trabajando en Chrome" publicó en Dec''14:

Chrome DevTools: los filtros de texto negativos acaban de aterrizar en el panel de red. Lista de resultados que no coincidan con una consulta dada here

editar : incluso puede filtrar por dominio, tipo de mimo, tamaño de archivo, ... o excluir al ingresar -domain:cdn.sstatic.net y combinar cualquiera de estos mime-type:image/png -larger-than:100K para mostrar solo archivos png de menos de 100 kb en el panel de red

ver DevTools: State Of The Union 2015 por Addy Osmani

Desde Chrome 42 .

Answer 4

No hay una función de filtrado muy flexible, pero la barra en la parte inferior le permite mostrar solo las solicitudes de un determinado documento o tipo de conexión:

No puedes simplemente excluir imágenes, pero debería ayudar.

También puede presionar Control / Comando + F para buscar una cadena en particular en la lista de solicitudes y marcar el cuadro "filtro" para ocultar las solicitudes que no coinciden:

Answer 5

Filtros de texto negativos : enumere los resultados que no coincidan con una consulta determinada.

• Use -.png o -.gif o -.jpg como filtro en el panel de red.
• Muchos otros filtros negativos también funcionan. eg -mime-type: image / png , -larger-than: 20k , -domain: yoursite.com , -status-code: 404 . Consulte los documentos para desarrolladores de Chrome: Clasificación y filtrado .

Disponible desde Chrome ~ 42 - Issue Link , anunciado here

Otro enfoque: en el panel Red, abra el filtro y CTRL / CMD: haga clic en los tipos de solicitudes que desea mostrar. Para ocultar solo las solicitudes de imagen, seleccione todos los demás tipos excepto las imágenes mientras mantiene presionado CTRL / CMD .

Answer 6

Si abre las herramientas de desarrollador, elija red. Desde la barra en la parte inferior de la página, elija imágenes si desea buscar específicamente solicitudes de imágenes. Los filtros son exclusivos, por lo que no puede filtrar simplemente las solicitudes de imágenes. Ahí tienes.