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

Google ChromeGoogle Chrome-ExtensionGoogle Chrome-Devtools

Google Chrome Problem Overview


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?

Google Chrome Solutions


Solution 1 - Google Chrome

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.

Solution 2 - Google Chrome

Just enter "-f" in Network field

enter image description here

Solution 3 - Google Chrome

An Incognito Window, can be configured to include or exclude extensions from the extensions page of Chrome settings.

Solution 4 - Google Chrome

Was having the same question when my extension adds a lot of noise in the network tab.

Some extensions also fire a lot of data like data:text/image etc, you can append more filter with - like: > -scheme:chrome-extension -scheme:data

Another way to get the http/https requests is to just use scheme:https without - because the resources that extensions request are usually from their local bundle:

> scheme:https

Solution 5 - Google Chrome

enter image description here

you can simply enable this option and requests from extension will be group.

Update: It can only group requests that create by the extension that draw iframe, such as cVim

Solution 6 - Google Chrome

One alternative is to go to "Network Request blocking" tab and add "chrome-extension:" to the list, thus extension requests will be blocked and coloured red so it's easy to visually filter them out.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMark BellView Question on Stackoverflow
Solution 1 - Google ChromeMark BellView Answer on Stackoverflow
Solution 2 - Google ChromedazzafactView Answer on Stackoverflow
Solution 3 - Google ChromeEthan SelzerView Answer on Stackoverflow
Solution 4 - Google ChromeLeOn - Han LiView Answer on Stackoverflow
Solution 5 - Google Chrome郭润民View Answer on Stackoverflow
Solution 6 - Google ChromeGeorgy PetukhovView Answer on Stackoverflow