如何识别从 Chrome DevTools 中调用 JavaScript 文件的位置?

wks*_*tar 5 javascript google-chrome google-chrome-devtools

在 Chrome 开发者工具中,Sources/Network 选项卡表示一个站点加载了 100 多个外部脚本。

我试图减少这种情况,但是很难追踪每个人的加载位置和方式。只有少数来自<script>主 src 中的传统标签。其他可能会动态插入,在 iframe 等中。

是否有任何方法或工具可以让我轻松跟踪每个脚本的加载位置?

小智 5

如果我理解你的问题,网络选项卡中有一个名为“Initiator”的列,它显示了调用 JS 脚本的位置或内容。这包括那些被动态调用并且位于 iFrame 中的内容。使用这个你可以看到js文件来自哪里,这些文件严格来说并不在页面上