Is it possible to hide extension resources in the Chrome web inspector network tab?

Mark Bell picture Mark Bell · May 8, 2013 · Viewed 16.6k times · Source

When I'm viewing the downloaded resources for a page in the Chrome web inspector, I also see the HTML/JS/CSS requested by certain extensions.

enter image description here

In the example above, indicator.html, indicator.js and indicator.css are actually part of the Readability Chrome extension, not part of my app.

This isn't too big a deal in this particular situation, but on a more complex page and with several extensions installed, it can get quite crowded in there!

I was wondering if there was a way to filter out any extension-related resources from this list (i.e. any requests using the chrome-extension:// protocol).

Does anyone know how I could achieve this?

Answer

Mark Bell picture Mark Bell · Jan 30, 2015

Not quite the solution I was after (I'd have preferred a global setting), but there is now a way to filter out requests from extensions, as mentioned by a commenter on the issue I originally opened.

In the network tab filter box, enter the string -scheme:chrome-extension (as shown below):

Dev tools filter input screenshot

This is case-sensitive, so make sure it's lowercase. Doing this will hide all resources which were requested by extensions.