在 Chrome DevTools 如何防止脚本执行

In Chrome DevTools How to prevent script from executing

我有一个页面不在我的服务器上,在页面加载期间运行

...other stuff...
<script src="http://someserver.com/script.js"></script>
...other stuff...

并导致一些问题。
我需要对此进行调试,所以首先我想阻止该脚本加载。

我该怎么做?我所发现的是,我可以在页面加载 删除、编辑或添加脚本。但这不是我需要的。我需要加载整个页面但跳过加载这个脚本。

有几种方法可以解决这个问题...第一种是处理广告拦截的老派方法(这与此类似),它只是在您的主机文件中创建一个 dns 条目 (C:\windows\system32\drivers\etc\hosts 在 windows) 和别名 someserver.com 到本地主机 127.0.0.1:

someserver.com  127.0.0.1

然而,这有一个不幸的副作用,即无法从 someserver.com 加载任何内容。

另一种选择是使用 adblock plus 之类的东西,只需将脚本添加到 "Add your own filters" 选项卡,过滤器的语法将是:

http://someserver.com/script.js

希望对您有所帮助!

Google Chrome 现在可以为您完成此操作。

  1. 打开开发者工具
  2. 打开网络选项卡
  3. 导航到站点
  4. 找到加载脚本的请求
  5. Right-click 根据请求和 select "Block request URL"

Chrome 现在将阻止加载该脚本的请求。要删除块:

  1. 打开开发者工具底部的控制台,"Esc"(转义)键将切换它。
  2. 打开 "Request Blocking" 选项卡(如果没有可用的选项卡,您可以在 "Console" 选项卡旁边的三点菜单中找到它)
  3. 单击标题为 "Remove all patterns"
  4. 的停止查找图标