序

在日常开发中，我们经常使用chrome强大的控制台Sources来调试代码断点，但是我们无法通过$等异步加载在Sources中找到JS。getScript，那么如何调试断点呢？让我们一起来看看。

这是使用源代码断点进行调试的示例图：

如图所示，我们通过$引入test.js。使用index.js中的getScript查看它的执行情况：

我们看到test.js已经在网络中成功引入，但是它属于XHR类请求，所以在Sources中找不到。

不出所料，在Sources中没有发现test.js的痕迹！高潮来了，怎么调试断点？

我知道两个解决方案，最简单的一个是：

方案一：在test.js代码的头部或尾部添加//@ sourceURL=test.js，然后在(无域)中找到进行调试，看到结果：

方案二：改变$的异步方式。getScript进入创建脚本标签并同步加载的方式，直接如上图所示：

摘要

控制台断点对于我们的代码检查、函数检查、数据查看等非常有用。让我们尽最大努力用断点替换烦人的console.log。以上就是本文的全部内容。希望对大家的学习和工作有所帮助。有问题可以留言交流。