如何只调试一个js文件

Question

我的项目中有很多

JS

文件。其中一些是外部库。我想知道当前用户交互正在执行什么

JS

代码。我已经在 chrome 中设置了断点，如下在此处描述。但是已经有很多

JS

文件，并且很多是由他自己的

Visual Studio

添加的。所以我很难获得准确的代码。因此，在这种情况下，我需要一些能够让我仅调试

xyz.js

文件的东西。

Answer 1

打开 Chrome 开发工具中的设置，单击“黑盒”或可能的“管理框架黑盒”并设置文件名或正则表达式模式。当您单步执行自己的代码并到达要输入该脚本的点时，任何与此匹配的脚本都不会被调试。

Answer 2

根据 adamtickner 的解释，这里有详细的描述。 假设您要调试的文件是“src/app.js”

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

到目前为止很简单。棘手的部分是添加正确的正则表达式。我们需要一个表达“一切，除了......”。这可以通过称为“负环视”的技术来完成

我们的积极表达是：

src\/app\.js

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

现在，使用负环视，我们的表达式应该如下所示：

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

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