Is there a way to filter network requests using Google Chrome developer tools?

javascript google-chrome google-chrome-devtools filtering
Adam Lee picture Adam Lee · Feb 1, 2013 · Viewed 66.7k times · Source

Is it possible to filter out some requests using Chrome developer tools, say, filter out all image requests?

Answer

Mark Doyle picture Mark Doyle · Jan 4, 2015

Negative text filters - list results not matching a given query.

  • Use -.png or -.gif or -.jpg as filter in the network panel.
  • Many other negative filters work too. e.g. -mime-type:image/png, -larger-than:20k, -domain:yoursite.com, -status-code:404. See Chrome developer docs - Sorting and filtering.

Available since Chrome ~42 - Issue Link, announced here

Another approach: In the Network panel open the filter and CTRL/CMD-click the types of requests you want to show. To hide just image requests then select all the other types except images while holding CTRL/CMD.

Related questions

How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More
Colors in JavaScript console

Can Chrome's built-in JavaScript console display colors? I want errors in red, warnings in orange and console.log's in green. Is that possible?

Read More
View list of all JavaScript variables in Google Chrome Console

In Firebug, the DOM tab shows a list of all your public variables and objects. In Chrome's console you have to type the name of the public variable or object you want to explore. Is there a way - or …

Read More