如何只调试一个js文件

Question

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

Answer 1

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

Answer 2

基于adamtickner的解释，这里有详细的说明。 假设您要调试的文件是“src/app.js”

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

到目前为止很容易。棘手的部分是添加正确的正则表达式。我们需要一个表达“一切，除了……”。这可以通过称为“negative look-arounds”

的技术来完成

我们的正面表达是：

src\/app\.js

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

现在，使用否定环顾，我们的表达式应该是这样的：

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

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