是否可以在 Chrome Web 检查器网络选项卡中隐藏扩展资源？

Posted 2023-02-22

【中文标题】是否可以在 Chrome Web 检查器网络选项卡中隐藏扩展资源？

【英文标题】：Is it possible to hide extension resources in the Chrome web inspector network tab?

【发布时间】：2013-05-02 10:18:10

【问题描述】：

当我在 Chrome 网络检查器中查看页面的下载资源时，我还会看到某些扩展程序请求的 html/JS/CSS。

在上面的示例中，indicator.html、indicator.js 和 indicator.css 实际上是 Readability Chrome extension 的一部分，而不是我的应用程序的一部分。

在这种特殊情况下这没什么大不了的，但是在更复杂的页面上并安装了多个扩展程序时，那里可能会变得非常拥挤！

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

有谁知道我如何做到这一点？

【问题讨论】：

对于任何寻求答案的人，请访问 chrome bug tracker 并让 chrome 开发团队知道我们需要这个：bugs.chromium.org/p/chromium/issues/detail?id=239401

【参考方案1】：

不是完全我所追求的解决方案（我更喜欢全局设置），但现在有一种方法可以过滤掉来自扩展程序的请求，as mentioned by a commenter on the issue I originally opened。

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

这是区分大小写的，所以请确保它是小写的。这样做会隐藏所有扩展请求的资源。

【讨论】：

正确的语法是“-scheme:chrome-extension”。 “s”是小写的。这很重要，因为 devtools 对此是区分大小写的。

您知道将过滤器设为默认行为的解决方案吗？

@MuratCorlu 据我所知，目前没有办法将其设为默认行为（尽管就我而言应该如此）。

简单的 -f 似乎也能完成这项工作

@blackpla9ue 知道为什么 -f 在这里工作吗？它实际上在做什么？

【参考方案2】：

只需在网络字段中输入“-f”

【讨论】：

-f 没有魔法。它是一个纯文本过滤器，可排除包含f 关键字的请求。如果扩展资源不包含f 关键字，则无法过滤掉扩展资源。它还会过滤掉正常的请求。

【参考方案3】：

Incognito Window，可以配置为在 Chrome 设置的扩展程序页面中包含或排除扩展程序。

【讨论】：

没错，但我有一些扩展是我在开发过程中实际需要使用的；另外，隐身窗口不会记住任何登录详细信息或自动完成任何表单输入，这两个都是我在测试 Web 界面时真正需要的功能。您可以通过创建一个未安装扩展的新用户配置文件来轻松阻止任何扩展资源的出现（并且您仍然可以使用自动填充，这与隐身窗口不同）。但是，如果您在开发过程中使用了扩展，这仍然无济于事。

@MarkBell 我认为一旦您使用隐身窗口进行会话，它将保持您的会话直到您关闭它。不过，感谢您的原始提示，这很有帮助！点赞！

可以在隐身模式下允许扩展，所以这可能并不总是有效。

【参考方案4】：

您可以简单地启用此选项，并且来自扩展的请求将被分组。

更新：只能对绘制 iframe 的扩展程序创建的请求进行分组，例如 cVim

【讨论】：

不正确。这不会捕获来自主框架中内容脚本的请求。

@Xan 你是对的，但如果在 iframe 中加载扩展脚本，这将是一个可能且最简单的解决方案，就像我发布的图片一样

【参考方案5】：

另一种方法是转到“网络请求阻止”选项卡并将“chrome-extension:”添加到列表中，这样扩展请求将被阻止并涂成红色，以便直观地过滤掉它们。

【参考方案6】：

当我的扩展程序在网络标签中添加了很多噪音时，我遇到了同样的问题。

一些扩展也会触发很多data，如data:text/image等，您可以使用-附加更多过滤器，如：

-scheme:chrome-extension -scheme:data

获取 http/https 请求的另一种方法是只使用 scheme:https 不使用 -，因为扩展程序请求的资源通常来自其本地包：

方案：https