186

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?

2
  • 3
    For anyone looking for an answer, please go to chrome bug tracker and let the chrome dev team know we need this: bugs.chromium.org/p/chromium/issues/detail?id=239401
    – tkit
    Commented Oct 5, 2017 at 15:59
  • It is really crazy that this is not possible after 10 years. So annoying if you have multiple extensions. Commented Sep 2, 2023 at 2:25

8 Answers 8

315

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.

14
  • 4
    The correct syntax for this is "-scheme:chrome-extension". The "s" is lowercase. This is important because devtools is case-sensitive on this.
    – Josh
    Commented Apr 10, 2015 at 23:11
  • 8
    Do you know a solution to make that filter as default behaviour? Commented Feb 1, 2017 at 13:57
  • 6
    @MuratCorlu As far as I'm aware there is currently no way to make this the default behaviour (although as far as I'm concerned it should be).
    – Mark Bell
    Commented Feb 1, 2017 at 17:24
  • 6
    @blackpla9ue any idea why -f works here? What is it actually doing?
    – coryvb123
    Commented Jul 18, 2018 at 17:23
  • 2
    -f does no magic. It's a just text filter that excludes the requests that contain the f keyword. It cannot filter out the extension resources if the extension resources don't contain the f keyword.
    – Kevin Yue
    Commented Dec 1, 2020 at 6:29
6

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

1
  • This should be the accepted answer since the built-in setting the questioner was looking for has arrived in Chrome and there is no longer a need to use filters as a workaround.
    – nick722
    Commented Apr 8 at 13:00
3

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.

1
  • 1
    -f does no magic. It's a just text filter that excludes the requests that contain the f keyword. It cannot filter out the extension resources if the extension resources don't contain the f keyword. And it also filters out the normal requests.
    – Kevin Yue
    Commented Dec 1, 2020 at 6:30
2

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

1
  • scheme:https is the best solution.
    – CSquared
    Commented Aug 12, 2022 at 16:55
2

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

1

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

3
  • True, but I have a few extensions I actually need to use during development; plus, incognito windows won't remember any login details or autocomplete any form inputs, both of which are features I really need when testing web interfaces. You can stop any extension resources appearing easily enough by just creating a fresh user profile with no extensions installed (and you'll still have working autofill, unlike an incognito window). However, this still doesn't help if you have extensions you use during the dev process.
    – Mark Bell
    Commented May 9, 2013 at 13:26
  • @MarkBell I think once you session in with an incognito window, it will keep your session until you close it. Thank you for the original tip though, this is helpful! Upvote! Commented Mar 17, 2016 at 18:42
  • It is possible to allow extensions in Incognito, so this might not always work. Commented Oct 11, 2016 at 21:06
0

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.

2
  • Is "Network Request blocking" a standard tab in Chrome's developer tools, or is it added by an extension? Commented Oct 10, 2022 at 12:04
  • @Mr.LanceESloan it's standard, not added by extensions. it's in the same place where the "Console" tab is, that is in the bottom of the Dev Tools window. more info here learn.microsoft.com/en-us/microsoft-edge/… Commented Oct 14, 2022 at 11:18
-1

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

2
  • Incorrect. This does not catch requests from a content script in the main frame.
    – Xan
    Commented Oct 11, 2017 at 10:05
  • @Xan You are right, but it would be a possible and simplest solution if an extension load script in iframe, just like the pic I post
    – 郭润民
    Commented Oct 12, 2017 at 11:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.