Chrome DevTools : Network Tab HTTP Trace Filter Keywords

 

Introduction

Use the Advanced Network Panel Filtering function to focus your search on the HTTP Request trace resources you need. Finding trace items that are more than X megabytes in size or even resources that match a specific status code can be done with this.

More info can be found here:  Chrome Dev Tools Network Tab How Tos.

How to use this feature

Open DevTools via F12, load a page to view the HTTP traffic. Then in the Network Panel, enter your queries in the Filter input box (click the filter icon if it's not already selected. Then type in queries like:

Some Sample Filters

larger-than:100 will find and filter for resources larger than 100 bytes

You can negate a query by prepending a '-' to it. E.g. -larger-than:50k to find resources which are not larger than 50k.

status-code:204 to find resources with a status code response of 204.

Network Filter Keywords : 

domain

has-response-header

is - learn more about the is: network filter

larger-than

method

mime-type

mixed-content

priority

scheme

set-cookie-domain

set-cookie-name

set-cookie-value

resource-type

cookie-domain

cookie-name

cookie-path

cookie-value

status-code

url

Note: you get autocomplete in the filter text box