Es posible filtrar algunas solicitudes mediante el uso de herramientas para desarrolladores de Chrome, dicen, filtrar todas las solicitudes de imagen?

InformationsquelleAutor Adam Lee | 2013-01-31

7 Comentarios

  1. 19

    No hay un sistema muy flexible característica de filtrado, pero la barra en la parte inferior permite mostrar sólo los las solicitudes de un determinado documento o tipo de conexión:

    Es allí una manera de filtrar las solicitudes de red a través de Google Chrome developer tools?

    Usted no sólo puede excluir imágenes, pero debería ayudar.

    También puede pulsar Control/Comando+F para buscar una cadena en particular en la lista de solicitud y comprobar el «filtro» de la casilla para ocultar las solicitudes que no coincidan con:

    Es allí una manera de filtrar las solicitudes de red a través de Google Chrome developer tools?

  2. 214

    Negativo filtros de texto – lista de resultados no la coincidencia de una consulta dada.

    • Uso -.png o -.gif o -.jpg como filtro en el panel red.
    • Muchos otros aspectos negativos de los filtros de trabajar demasiado. por ejemplo, – tipo mime:image/png, -mayor-de:20k, -domain:yoursite.com, -código de estado:404. Ver Chrome developer docs – Clasificación y filtrado.

    Disponible desde Chrome ~42Tema Enlace, anunció aquí

    Otro enfoque: En el panel Red de abrir el filtro y CTRL/CMD-haga clic en los tipos de solicitudes que desea mostrar. Para ocultar sólo las solicitudes de imágenes, a continuación, seleccione todos los otros tipos de excepto imágenes mientras se mantiene CTRL/CMD.

    • Usar CMD+clic en mac OS X.
    • Hay una manera que puedo aplicar estos negativo filtros de texto cada vez que abro el depurador sin tener siempre el tipo de ellos?
    • usted necesita una extensión del navegador para que, y sospecho que no hay uno
    • También puede filtrar por código de estado http y otras características, como: dominio, ha-respuesta-encabezado, es decir, más grande que, método, tipo de mime, esquema, set-cookie-nombre, set-cookie-valor, set-cookie-dominio de código de estado, y se puede filtrar por varios a la vez, por ejemplo, para ver todas las solicitudes que no son de 200, 404 302, uso: -status-code:200 -status-code:404 -status-code:302
    • Mediante el uso de Chrome versión «51.0.2704.79 (de 64 bits)» en Linux. Parece el negativo de filtrado ha sido eliminado? Nadie viendo que?
    • Encontrado esta respuesta porque parece ser que no funciona más
    • Uy, yo debería haber llegado de nuevo y dijo: fue roto en una versión reciente, pero se espera que regrese en la versión 52. Consulte groups.google.com/forum/#!msg/google-chrome-developer tools/…
    • Hay alguna forma de filtrar las solicitudes que no tiene una extensión como http://example.com/tada?
    • Todavía parece estar roto como el de Chrome 52, no se puede obtener esta característica funcione, tristemente.
    • Tenga en cuenta que el «Regex» casilla de verificación junto a la entrada del filtro debe estar desactivada para que esto funcione. También tenga en cuenta que -.js se excluyen tanto .js y .json solicitudes. Por alguna razón el negativo de la sintaxis del filtro no parece estar cubierto de el más reciente de la documentación.
    • Hay una manera de conservar estos filtros a través de las sesiones? Me parece que tan pronto como puedo cerrar una pestaña, todos estos filtros están perdidos.

  3. 29

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

    Un «Ingeniero de Google trabajando en Chrome», tuiteó algo en Dic’14:

    Chrome DevTools: Negativo filtros de texto que acaba de aterrizar en el panel Red. Lista de resultados no la coincidencia de una consulta dada
    Twitter Link

    editar: usted puede incluso filtrar por dominio, tipo de mime, tamaño de archivo, … o excluir al entrar -domain:cdn.sstatic.net y combinar cualquiera de estos mime-type:image/png -larger-than:100K para mostrar sólo los archivos png menor que 100 kb en el panel red de

    ver DevTools: el Estado De La Unión 2015 por Addy Osmani

    Desde Chrome 42.

    • Gracias, la domain: parte es exactamente lo que estaba buscando ahora mismo. Eso y un montón de otros que actualmente están cubiertas en la documentación enlazados desde la otra respuesta
  4. 6

    Bajo mi build de Google Chrome (Versión 74.0.3729.157 (64-bit)), he encontrado los siguientes filtros disponibles (he añadido algunos ejemplos). Tenga en cuenta que DevTools tiene una función Autocompletar (que ayuda mucho en la ordenación de esta materia hacia fuera).

    domain:
    -domain:
        # Use a * character to include multiple domains.
        # Ex:  *.com, domain:google.com, -domain:bing.com
    
    has-response-header:
    -has-response-header:
        # Filter resources with the specified HTTP response header.
        # Ex: has-response-header:Content-Type, has-response-header:age
    
    is:
    -is:
        # is:running finds WebSocket resources
        # I've also come across:
        #  - is:from-cache,
        #  - is:service-worker-initiated
        #  - is:service-worker-intercepted
    
    
    larger-than:
    -larger-than:
        # Note: larger-than:1000 is equivalent to larger-than:1k
        # Ex: larger-than:420, larger-than:4k, larger-than:100M
    
    method:
    -method:
        # method:POST, -method:OPTIONS, method:PUT, method:GET
    
    mime-type:
    -mime-type:
        # Ex: mime-type:application/manifest+json, mimetype:image/x-icon
    
    
    mixed-content:
    -mixed-content:
        # 2 that I've found documented: 
        #   mixed-content:all (Show all mixed-content resources) 
        #   mixed-content:displayed (Show only those currently displayed) (never used this personally)
    
    scheme:
    -scheme:
        # Ex: scheme:http, scheme:https,
        # Note that there are also scheme:chrome-extension, scheme:data
    
    set-cookie-domain:
    -set-cookie-domain:
        # 
        # Ex: set-cookie-domain:.google.com
    
    set-cookie-name:
    -set-cookie-name:
        # Match Set-Cookie response headers with name
        # Ex: set-cookie-name:WHATUP
    
    set-cookie-value:
    -set-cookie-value:
        # Match Set-Cookie response headers with value
        # Ex: set-cookie-value:AISJHD98ashfa93q2rj_94w-asd-yolololo
    
    status-code:
    -status-code:
        # Match HTTP status code
        # Ex: status-code:200, -status-code:302
  5. 1

    Es allí una manera de filtrar las solicitudes de red a través de Google Chrome developer tools?

    Si abre el desarrollador de herramientas, elija la red. De la barra en la parte inferior de la página, elija las imágenes si quieres buscar específicamente para las solicitudes de imágenes. Los filtros son todos exclusivos, por lo que no se puede filtrar sólo las solicitudes de imágenes. Hay que ir.

Dejar respuesta

Please enter your comment!
Please enter your name here