如何在 Chrome 的开发工具网络监视器中屏蔽 URL

我目前正在分析我的网页连接，我想阻止一些跟踪脚本和其他外部 URL 调用在我的网络监视器内 Chrome 的开发工具。

我想快速检查一下页面在没有库的情况下是如何工作的。

Chrome 本身并没有提供这样的功能，著名的阻塞扩展只是阻止用户手动输入到导航栏的 URL。

120322 次浏览
小开

将更改主机文件帮助。 您的系统(windows，linux，mac)在请求 DNS 查找之前都检查主机。我用它来阻止一些迟钝的广告商。

窗户: C: Windows system 32驱动程序等主机

Linux & mac /etc/hosts

* 小心翼翼地往回走 *

小开

一个现有的 漏洞报告正在请求这个特性。您可以给这个问题加星号以显示对它的支持。

小开
最佳答案

正如 @ calavera. info、 @ iman. Bahrampour和 @ Asim K T指出的那样，这个特性现在在 Chrome59中可用。可以在“网络”面板中选择要阻止的 URL 或域。请参阅 这张释放通知书和这些屏幕截图，其中 StackOverflow 标志已经从该页面被阻止。@ iman. Bahrampour在下面还共享了两个扩展名(“ HTTP 请求阻塞器”和“ 请求阻断器”)。

StackOverflow logo blocked Adding a new block

小开

正如 Abd3721提到的，这是可以直接在 chrome DevTools 中获得的(你不再需要在金丝雀上) ，但是它仍然在一个旗帜和隐藏的实验功能菜单中。截至本文发表时，Chrome 稳定版已经升级到了53版。

要启用它，请打开此链接并单击相应标志下的启用链接: Chrome://Flag/# able-devtools-實驗

然后在 DevTools 中打开设置面板(F1) ，点击实验选项卡。

这里列出了所有当前可用的 DevTools 实验，但是它仍然在另一个隐藏的特性集中。

按 Shift 6次，同时在实验标签显示更多的隐藏功能，其中之一将是请求阻塞。

注意: 这些特性被认为是实验性的，可能有错误或不完整。请谨慎使用。

小开

现在在 Chrome59开发者工具中可以通过阻止各自的请求来实现这一点: https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests。使用这种方法很难关闭所有的样式表，但是关闭最烦人的样式表更容易。

小开

在 Chrome59中，你可以屏蔽来自开发者工具本身的网络标签的特定请求。

Https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests

右键单击 Network 面板中的请求并选择 Block Request URL。在 Drawer 中会弹出一个新的 Request block 选项卡，允许您管理被阻塞的请求。

enter image description here

小开

嗯，我也一直在寻找这个问题的答案，因为我有这个问题的选择伪造，似乎没有工作，为我。 但后来我试图分析这些请求和其他事情，直到我发现，有一个网站在我的页面上加载广告，并将我重定向到广告。而且还改变了谷歌搜索栏的新标签，以一些未知的搜索引擎。我在一页上暂时屏蔽了这个请求。但是打开一个新标签后，广告会再次出现。

所以在谷歌上搜索请求拦截器，我想出了一个铬扩展“ HTTP 请求拦截器”，并添加了导致所有疯狂广告的地址，现在已经完全解决了这个问题。

我希望这对你或其他人也有帮助。

小开

对于屏蔽请求在谷歌浏览器你有3个选项:

1. 带模式匹配的谷歌浏览器:

在网络选项卡中，右键单击请求，然后选择块请求 URL

block request for chrome

有一个加号，用于添加阻塞请求的模式

set pattern for blocked request

例如，我有7个请求 URL:

  1. Http://www.test.com?userid=5
  2. Http://www.test.com?username=username
  3. Http://www.test.com?email=email
  4. Http://www.test.com?name=x
  5. Http://www.test.com?family=q
  6. Http://www.test.com?family=y
  7. Http://www.test.com?family=z

我可以通过添加一个模式来阻止具有特定模式的请求(例如模式 *family*阻止请求下面的3个请求) :

  1. Http://www.test.com?family=q
  2. Http://www.test.com?family=y
  3. Http://www.test.com?family=z

小心! 因为模式是区分大小写的

2. HTTP 请求阻塞扩展:

HTTP Request Blocker

这个扩展有阻塞请求的模式匹配:

匹配模式

3. 请求阻断分机:

这是一个非常有用的扩展，它具有阻塞请求的模式匹配。

这个请求阻止器最有用的特性是导入和导出列表供其他人使用。

block request with Request blocker extension

要导出列表并在其他计算机上使用(或将来使用) : 单击“方向”向下并选择“导出”。

enter image description here

使用导入列表按钮打开导出列表。

祝你好运

小开

至于 Google Chrome 94，可以排除整个域的网络活动:

1. 进入 DevTools 的“网络”面板:

"Network" panel of Chrome DevTools

2. 右键单击要阻止的域，单击上下文菜单中的“阻止请求域”:

context menu of Network item

3. 在“ Filter”中键入“ status-code: 0”，然后点击“ Invert”复选框:

fitering of Network items

要管理被阻塞的域名，请在 DevTools 中按 ESC 按钮，然后点击底部面板中的“网络请求阻塞”选项卡:

Network request blocking

小开

在最初的问题中，提交人指出:

著名的阻塞扩展只阻止用户手动输入到导航栏的 URL。

现在情况不同了。我非常喜欢使用 mokku，它可以拦截和模仿所有类型的请求。您可以指定状态代码应该是什么，因此它肯定会解决这个问题，并添加其他有用的功能。它通过 chrome 开发工具中的另一个选项卡工作。这里有一个扩展的链接: https://chrome.google.com/webstore/detail/mokku-mock-api-calls-seam/llflfcikklhgamfmnjkgpdadpmdplmji?hl=en


提交答案