javascript - 如何确定在 Chrome DevTools 中调用 JavaScript 文件的位置?

标签 javascript google-chrome google-chrome-devtools

在 Chrome 开发者工具中,“来源”/“网络”选项卡表示网站加载了 100 多个外部脚本。

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

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

最佳答案

如果我理解您的问题,网络选项卡中有一列称为“启动器”,它显示调用 JS 脚本的位置或内容。这包括动态调用的和位于 iFrame 中的。使用这个你可以看到 js 文件是从哪里来的,而不是严格地在页面上

关于javascript - 如何确定在 Chrome DevTools 中调用 JavaScript 文件的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24957437/

相关文章:

javascript - 如何查看 console.profile() 的结果?

google-chrome - Chrome devTools 清除网络标签日志的快捷方式

java - 使用 Chrome 开发者工具获取 Chrome 的屏幕截图?

php - JavaScript 中的幻灯片

javascript - Bootstrap navbarDropdown 不起作用

google-chrome - 如何在适用于 Linux (Debian 10) 的 Windows 子系统上开发 Flutter Web 应用程序

javascript - Chrome 工作区源代码自动完成无法正常工作

javascript - 如何在javascript中创建行高的倍数?

javascript - 如何使用来自多个 javascript 数组的信息构造一个 json 对象

css - Chrome/Safari/Webkit 上的额外填充——有什么想法吗?