如何只调试一个js文件

Question

我的项目中有很多JS文件。其中一些是外部库。我想知道当前用户交互所执行的JS代码是什么。我已经在chrome中设置了断点为在这里描述一下。，但是已经有很多JS文件，很多是由他自己的Visual Studio添加的。所以我很难找到精确的密码。因此，在这种情况下，我需要一些能够只调试xyz.js文件的东西。

Answer 1

打开chrome开发工具中的设置，点击“黑箱”或“管理框架黑箱”，然后设置文件名或regex模式。任何与此匹配的脚本都不会在逐步遍历自己的代码并到达输入该脚本的点时进行调试。

Answer 2

根据adamtickner的解释，这里有一个详细的描述。让我们假设要调试的文件是"src/app.js“

在Chrome中，使用F12打开调试器，然后单击设置(齿轮图标⚙，右上窗口角)。选择“忽略列表”菜单项。

​

​

到目前为止还很容易。棘手的部分是添加正确的正则表达式。我们需要表达“一切，除了.”。这可以通过一种叫做"消极的目光“的技术来完成。

我们的积极表达是：

src\/app\.js

我们只是转义了斜杠和点，因为这些是保留的正则字符。

现在，使用负面的外观，我们的表达式应该如下所示：

^((?!src\/app\.js).)*$

此表达式将找到任何不包含我们的文件路径的内容。您可以使用regex101进行测试。将此模式添加到忽略列表中，您就完成了！当您在这个文件中调试时，Chrome可能会显示一条误导性消息，比如“这个脚本在调试器的忽略列表上”--忽略这条消息。