是否可以隐藏Chrome网络检查器网络选项卡中的扩展资源？ [英] Is it possible to hide extension resources in the Chrome web inspector network tab?

问题描述

当我在Chrome网络检查器中查看下载的网页资源时，我还会看到特定扩展程序请求的HTML / JS / CSS。
$ b

< img src =https://i.stack.imgur.com/S8mGP.pngalt =在这里输入图片描述>

在上面的例子中， code> indicator.html ， indicator.js 和 indicator.css 是实际上是可读性Chrome扩展程序的一部分，而不是我的应用程序的一部分。

在这种情况下，这并不算太大，但是在更复杂的页面上安装了多个扩展程序后，它可能会变得非常拥挤！

我想知道是否有办法从这个列表中筛选出任何与扩展相关的资源（即使用 chrome-extension的任何请求： // 协议）。

有人知道我该怎么做到这一点吗？

解决方案

完全是我之后的解决方案（我倾向于使用全局设置），但现在有一种方法可以过滤来自扩展程序的请求，正如一位评论者在我最初打开的问题中提到的那样

在网络标签过滤器框中，输入字符串 -scheme：chrome-extension （如下所示）：

区分大小写，因此请确保它是小写字母。这样做会隐藏扩展程序请求的所有资源。

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?

解决方案

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.

这篇关于是否可以隐藏Chrome网络检查器网络选项卡中的扩展资源？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！