Is it possible to hide extension resources in the Chrome web inspector network tab?
Google ChromeGoogle Chrome-ExtensionGoogle Chrome-DevtoolsGoogle 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.
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):
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
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
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.