如何在 Chrome 的开发人员工具网络监视器中阻止 URL

How to block a URL in Chrome's developer tools network monitor

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

我很快想检查页面在没有某些库的情况下的行为。

Chrome 本身不提供任何此类功能,著名的拦截扩展程序只会拦截用户手动输入导航栏的 URLs。

更改主机文件会有帮助。 您的系统(windows、linux、mac)在请求 DNS 查找之前都会检查主机。当我想阻止一些缓慢的广告商时,我会使用它。

windows: c:\Windows\system32\drivers\etc\hosts

linux & mac /etc/hosts

* 请务必小心备份 *

现有 bug report 正在请求此功能。您可以为该问题加注星标,以表示支持添加该问题。

正如 @calavera.info, @iman.Bahrampour, and @Asim K T this feature is now available in Chrome 59. You can select a URL or domain to block in the Network panel. See this release note and these Screenshots where the Whosebug logo has been blocked from this page. @iman.Bahrampour also shares two extensions below that will also do this ("HTTP Request Blocker" and "Request Blocker" 指出的那样。

正如 提到的,这可以直接在 chrome DevTools 中使用(您不再需要使用金丝雀了),但是它仍然在标志后面和隐藏的实验功能菜单中.截至发表此评论时,Chrome 稳定版本为 53。

要启用它,请打开此 link 并单击相应标志下的启用 link: chrome://flags/#enable-devtools-experiments

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

这列出了所有当前可用的 DevTools 实验,但它仍然在另一组隐藏的功能中。

在实验选项卡中按 Shift 键 6 次以显示更多隐藏功能,其中之一是请求阻止。

注意:这些功能被认为是实验性的,可能存在错误或不完整。谨慎使用。

现在可以在 Chrome 59 个开发人员工具中通过阻止相应的请求来实现:https://developers.google.com/web/updates/2017/04/devtools-release-notes#block-requests。使用这种方法很难关闭所有样式表,但只关闭最烦人的样式表会更容易。

从 Chrome 59 开始,您可以阻止来自开发人员工具本身的网络选项卡的特定请求。

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

在“网络”面板中右键单击请求,然后select 阻止请求URL。抽屉中弹出一个新的请求阻止选项卡,可让您管理被阻止的请求。

好吧,我也一直在寻找这个问题的答案,因为我有这个关于假冒产品的选择问题,但似乎没有什么对我有用。 但后来我尝试分析请求和其他事情,直到我发现这个网站正在将广告加载到我的页面上并将我重定向到广告。并且还将新选项卡上的 google 搜索栏更改为某个未知的搜索引擎。我能够暂时阻止一页上的请求。但是打开新标签页后,广告又会出现。

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

希望对你或其他人有所帮助。

对于 google chrome 中的阻止请求,您有 3 个选项:

1. Google Chrome 模式匹配:

在网络选项卡中,右键单击请求然后 select 阻止请求 URL

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

例如我有 7 个请求 URLs:

  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 请求拦截器扩展:

此扩展具有用于阻止请求的模式匹配:

Match patterns

3。请求拦截器扩展:

这是一个有用的扩展,具有用于阻止请求的模式匹配。

此请求拦截器最有用的功能是导入和导出列表供其他人使用。

要导出列表并在另一台计算机上使用(或将来使用):单击方向向下并 select 导出。

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

祝你好运

至于 Google Chrome 94,可以排除整个域的网络 activity:

1. 转到 DevTools 的“网络”面板:

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

3. 在“过滤器”中键入“status-code:0”并单击“反转”复选框:

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