关键词：
【中文标题】是否可以在 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
【讨论】：
如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器？
】如何在ChromeDevTools检查器的样式和计算选项卡中使用多个过滤器？【英文标题】：HowdoesoneusemultiplefiltersinthestylesandcomputedtabsoftheChromeDevToolsinspector?【发布时间】：2018-05-0120:19:27【问题描述】：在ChromeDevTools检查器的Styles和Computed... 查看详情
如何在 Google Chrome 中检查 XMPP 调用
...问题描述】：当我们在谷歌浏览器中使用检查器时，我们可以看到生成该浏览器窗口的所有请求，我们可以选择查看XHR请求如何检查来自chrome的XMPP请求【问题讨论】：【参考方案1】：您可以在GoogleChrome检查器的“网络”选项卡... 查看详情
如何在钴中使用检查器？
...描述】：我使用此urlhttp://ip_adress_device_cobalt:9222,when启动chrome我尝试在开发人员工具选项卡中导航，控制台工作正常，但其他选项卡（如网络、源）始终为空。所以我无法使用断点或监控网络。还有其他配置吗？【问题讨论】：... 查看详情
是否可以找到导致规则在 Chrome 检查器中显示为灰色值的父 CSS？
】是否可以找到导致规则在Chrome检查器中显示为灰色值的父CSS？【英文标题】：IsitpossibletolocatetheparentCSSwhichcausesaruletobegrayedoutvalueinChromeinspector?【发布时间】：2020-02-2708:01:15【问题描述】：我正在编辑现有网站的页脚以匹配其上... 查看详情
在检查器中哪里可以看到 chrome 加载的字体文件？
】在检查器中哪里可以看到chrome加载的字体文件？【英文标题】：Wheretoseefontfilesloadedbychromeintheinspector?【发布时间】：2013-09-2421:28:00【问题描述】：chrome检查器中的哪个选项卡显示您通过font-face加载的字体文件？我在资源下找不... 查看详情
Chrome 远程调试：空检查选项卡
...Chromev35.0.1916.122的SamsungTrendPlusGT-S7580上启用远程调试。我可以有效地查看打开的选项卡、关闭它们以及所有，但是检查一个选项卡会 查看详情
源地图在 Chrome 网络选项卡中不可见
...的代码错了？还是故意隐藏那些源图？【问题讨论】：您是否为此打开过问题？没 查看详情
可以过滤 chrome devtools 网络选项卡中记录的请求吗？
...在生成对服务器的调用，从而降低日志中请求的信噪比，是否可以忽略/过滤来自Chrome开发工具 查看详情
是否有任何可能的方法可以从 Chrome 开发人员工具中的网络选项卡本地保存网络调用
】是否有任何可能的方法可以从Chrome开发人员工具中的网络选项卡本地保存网络调用【英文标题】：IsthereisanypossiblewaystosavenetworkcallslocallyfromnetworktabinChromeDevelopertools【发布时间】：2015-11-0916:03:13【问题描述】：我试图保存Chrome... 查看详情
在 Visual Code Studio 中哪里可以找到 Flutter 布局检查器？
】在VisualCodeStudio中哪里可以找到Flutter布局检查器？【英文标题】：WherecanIfindFlutterlayoutinspectorinVisualCodeStudio?【发布时间】：2021-02-0916:16:20【问题描述】：我的意思是这个：我可以看到：据我所知，VisualCode曾经也有它，尽管它可... 查看详情
网络选项卡未显示应用在选择器上的 css
...使用链接标签的方法：index.html代码我在开发人员工具中检查了网络选项卡，css文件正在加载， 查看详情
在 chrome 中检查 jquery [关闭]
...09:39【问题描述】：在浏览器(chrome)中检查jquery/javascript我可以看到您可以检查附加的脚本源选项卡，但只是想知道硬编码在实际页面上的脚本-我可以以某种方式在源选项卡中检查相同的脚本吗？如检查变量值、介入等。谢谢【... 查看详情
如何为web浏览器选项卡设置个人标题？(代码片段)
...需要保留它，因为我经常刷新我的标签;所以没有JS）。您是否知道Chrome或Firefox中是否有解决方案为 查看详情
如何在web浏览器中启用java？
...设置”面板。在插件部分，选择禁用单独插件链接以检查是否已启用Java单击启用链接（如果显示“禁用”链接，则已启用Java）注意：此外，您也可通过在浏览器地址栏中键入“about:plugins”来访问“插件”设置。适用于Windows和Ma... 查看详情
如何在web浏览器中启用java？
...设置”面板。在插件部分，选择禁用单独插件链接以检查是否已启用Java单击启用链接（如果显示“禁用”链接，则已启用Java）注意：此外，您也可通过在浏览器地址栏中键入“about:plugins”来访问“插件”设置。适用于Windows和Ma... 查看详情
资源在 Google Chrome 网络选项卡中显示待处理和来自缓存
...是因为图像是从浏览器缓存中加载的，如大小列中所示。是否期望从缓存加载的资源会在时间列中显示待处 查看详情
是否可以检测用户是否在新选项卡中打开了链接？
】是否可以检测用户是否在新选项卡中打开了链接？【英文标题】：Isitpossibletodetectifauserhasopenedalinkinanewtab?【发布时间】：2010-10-2509:41:44【问题描述】：如果用户在您的网站上并在新选项卡中打开另一个链接（也指向您的网站）... 查看详情
我可以从 Chrome 开发工具中导出 HAR 文件，它只包含来自网络选项卡的过滤请求吗？
】我可以从Chrome开发工具中导出HAR文件，它只包含来自网络选项卡的过滤请求吗？【英文标题】：CanIexportHARfilefromChromeDevtools,whichcontainsonlythefilteredrequestsfromNetworktab?【发布时间】：2021-02-0819:28:42【问题描述】：在Chrome开发工具/... 查看详情