Чи є спосіб фільтрації мережевих запитів за допомогою інструментів для розробників Google Chrome?

Чи можна відфільтрувати деякі запити за допомогою інструментів для розробників Chrome, скажімо, відфільтрувати всі запити зображень?

Існує не дуже гнучка функція фільтрації, але смужка внизу дозволяє показувати лише запити певного документа або типу з'єднання:

Ви не можете просто виключати зображення, але це повинно допомогти.

Ви також можете натиснути Control/ Command+, Fщоб знайти певний рядок у списку запитів, і встановити прапорець "Фільтр", щоб сховати запити, які не відповідають:

Негативні текстові фільтри - список результатів, що не відповідають заданому запиту.

• Використання -.png або -.gif або -.jpg в якості фільтра в мережевий панелі.
• Багато інших негативних фільтрів також працюють. наприклад -mime типу: зображення / PNG , -larger ніж: 20k , -області: yoursite.com , -status-код: 404 . Див. Документи для розробників Chrome - сортування та фільтрування .

Доступно з Chrome ~ 42 - Посилання на випуск , оголошено тут

Інший підхід: на панелі "Мережа" відкрийте фільтр та CTRL/CMDнатисніть на типи запитів, які потрібно показати. Щоб приховати лише запити на зображення, виберіть усі інші типи, крім зображень, утримуючи їх CTRL/CMD.

Ви пишете -.png -.gif -.jpу поле введення фільтра, щоб виключити всі зображення з результатів. Внизу відображається загальна кількість даних, переданих без зображень.

"Інженер в Google, який працює на Chrome", щебетав у грудні 14:

Chrome DevTools: Негативні текстові фільтри щойно приземлилися на панелі "Мережа". Список результатів, що не відповідають заданому запиту Twitter Link

редагувати : можна навіть фільтрувати за доменом, типом mime, розміром файлів, ... або виключати, вводячи -domain:cdn.sstatic.netта комбінуючи будь-яке з них, mime-type:image/png -larger-than:100Kщоб на мережевій панелі відображалися лише файли png розміром менше 100 кбіт.

див. DevTools: State Of The Union 2015 від Адді Османі

З Chrome 42 .

Під час складання Google Chrome (версія 74.0.3729.157 (64-розрядна)) я знайшов такі фільтри, які доступні (я додав кілька прикладів). Зауважте, що DevTools має функцію автозаповнення (що дуже допомагає у сортуванні цього матеріалу).

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

Як -MimeType, ви можете використовувати домен для введення фільтрів, наприклад:

домен: yourdomain.com

Просте, коротке та швидке рішення:

Просто кажу -.

Тому що не показуйте URL-адресу з розширенням (статичний вміст), тому у вас тут чітко вказані URL-адреси.

Якщо ви відкриєте інструменти для розробників, виберіть мережу. На панелі внизу сторінки виберіть зображення, якщо ви хочете шукати спеціально запити на зображення. Усі фільтри ексклюзивні, тому ви не можете відфільтрувати лише запити зображень. Ось так.

Додавання -MimeType:image/jpegфільтра працювало для мене.