CODEWITHSUNDEEP
google-chromegoogle-chrome-extensiongoogle-chrome-devtools
Mark Bell
Mark Bell

Reputation: 29735

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

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?

Upvotes: 187

Views: 24848

Answers (8)

XMehdi01
XMehdi01

Reputation: 1

No more manually filtering it out with a Skim filter.
Now you have an option to check Hide the chrome extensions URLs enter image description here

Upvotes: 2

Vincent
Vincent

Reputation: 742

I know this is a bit old thread. For anyone who needs this feature, it is finally available in Chrome update 117.

enter image description here

Upvotes: 6

dazzafact
dazzafact

Reputation: 2860

Solution 1: Just enter -is:service-worker-initiated in Network field

Solution 2: enter domain:example.com

enter image description here

... there is no built-in way to permanently disable specific network requests. However, you can install a browser extension like uBlock Origin or Adblock Plus to permanently block unwanted network requests like Google Ads. These extensions offer extensive filter lists that allow you to block specific scripts and advertisements.

Upvotes: 3

LeOn - Han Li
LeOn - Han Li

Reputation: 10174

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

Upvotes: 2

Georgy Petukhov
Georgy Petukhov

Reputation: 113

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.

Upvotes: 0

郭润民
郭润民

Reputation: 59

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

Upvotes: -1

Mark Bell
Mark Bell

Reputation: 29735

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.

Upvotes: 317

Ethan Selzer
Ethan Selzer

Reputation: 1755

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

Upvotes: 0

Related Questions