如何使用 Chrome 开发工具来调试动态添加到页面 head 元素的 javascript 标签？

Question

我正在尝试使用 Chrome 的开发工具来调试页面上的 javascript 流程。我有一个加载 javascript 的第 3 方系统，该系统使用以下代码动态地将 SCRIPT 标记添加到页面上的 HEAD 元素：

var head= document.getElementsByTagName("head")[0];
var el = document.createElement('script');
el.type = 'text/javascript';
el.src = 'https://address.com/anotherjsscript.js';
head.appendChild(el);

我如何捕获“anotherjsscript.js”，因为它是动态加载并调试的？

Answer 1

尽管 BenG 的答案涵盖了大多数情况，但我的情况由于每次动态提供的不同文件名而严重混淆。我的解决方案是为“编写第一个语句”添加一个事件侦听器，然后费力地处理所有其他脚本，直到找到我想要的脚本。