如何使用通过Javascript加载的Chrome Dev工具调试Javascript文件？

Question

我必须通过创建一个脚本标记并将其附加到文档头来通过javascript加载一个javascript文件，而不是在我的JSP中放置一个脚本标记。因此，JS文件不再显示在Chrome Dev工具源中。除脚本外，其他所有作为脚本加载的文件在Dev工具源中均可见。是否可以使用Chrome Dev工具调试此类文件？

Answer 1

如果在打开DevTools的情况下刷新选项卡，则应该能够在“源”选项卡中选择HTML页面。从那里可以将断点放入内联脚本中。

Answer 2

通过创建的<script>标签动态加载的Javascript文件与创建此标签的JS代码合并。 “合并”意味着在运行时在该JS中添加/替换所有全局变量和函数。然后，您可以照常调试此结果代码。

Answer 3

您是否尝试过在开发工具中按ctrl + p（如果使用的是osx，则按Command + p），然后在此处查找文件！