如何只调试一个js文件
How to debug only one js file
我的项目中有很多 JS 文件。其中一些是外部库。我想知道当前用户交互正在执行什么 JS 代码。我在chrome中设置了断点为describe here.，但是已经有很多JS个文件，很多都是他自己添加的Visual Studio。所以我很难得到准确的代码。所以在这种情况下，我需要一些能让我只调试 xyz.js 文件的东西。
在 chrome 开发工具中打开设置，单击 "Blackboxing" 或 "Manage framework blackboxing" 并设置文件名或正则表达式模式。当您单步执行自己的代码并到达您将输入该脚本的位置时，将不会调试与此匹配的任何脚本。
这里根据adamtickner的解释进行了详细说明。
假设您要调试的文件是“src/app.js”
在 Chrome 中使用 F12 打开调试器，然后单击设置（齿轮图标 ⚙，右上角 window 角）。 Select“忽略列表”菜单项。
到目前为止很容易。棘手的部分是添加正确的正则表达式。我们需要一个表达“一切，除了……”。这可以通过一种称为“negative look-arounds”
的技术来完成
我们的积极表达是：
src\/app\.js
我们只是转义了斜杠和点，因为它们是保留的正则表达式字符。
现在，使用负环视，我们的表达式应该如下所示：
^((?!src\/app\.js).)*$
这个表达式会找到任何不包含我们的文件路径的东西。您可以使用 regex101 对其进行测试。将此模式添加到您的忽略列表中，您就完成了！ Chrome 当您在此文件中进行调试时，可能会显示误导性消息，例如“此脚本位于调试器的忽略列表中” - 忽略此消息即可。
我的项目中有很多 JS 文件。其中一些是外部库。我想知道当前用户交互正在执行什么 JS 代码。我在chrome中设置了断点为describe here.，但是已经有很多JS个文件，很多都是他自己添加的Visual Studio。所以我很难得到准确的代码。所以在这种情况下，我需要一些能让我只调试 xyz.js 文件的东西。
在 chrome 开发工具中打开设置，单击 "Blackboxing" 或 "Manage framework blackboxing" 并设置文件名或正则表达式模式。当您单步执行自己的代码并到达您将输入该脚本的位置时，将不会调试与此匹配的任何脚本。
这里根据adamtickner的解释进行了详细说明。 假设您要调试的文件是“src/app.js”
在 Chrome 中使用 F12 打开调试器，然后单击设置（齿轮图标 ⚙，右上角 window 角）。 Select“忽略列表”菜单项。
到目前为止很容易。棘手的部分是添加正确的正则表达式。我们需要一个表达“一切，除了……”。这可以通过一种称为“negative look-arounds”
的技术来完成我们的积极表达是：
src\/app\.js
我们只是转义了斜杠和点，因为它们是保留的正则表达式字符。
现在，使用负环视，我们的表达式应该如下所示：
^((?!src\/app\.js).)*$
这个表达式会找到任何不包含我们的文件路径的东西。您可以使用 regex101 对其进行测试。将此模式添加到您的忽略列表中，您就完成了！ Chrome 当您在此文件中进行调试时，可能会显示误导性消息，例如“此脚本位于调试器的忽略列表中” - 忽略此消息即可。