每次执行调用 Edge/Chrome 调试器中的某个脚本文件时，如何使调试器中断？

Question

我正在调试一个 Typescript 网络应用程序，我以前从未做过网络开发。该项目由多个脚本文件，多个库组成。

当我在调试器中执行应用程序时，我只关心一个文件中发生的事情，并且只关心一个文件（我们称之为 my_script.ts）。

当我单步执行函数时，我也必须通过库，这很耗时。 是否可以在整个 my_script.ts 文件上设置某种全局断点，以便每次从某些 foo_lib.js 或 foo_lib.ts 执行 return 回到 my_script.ts 无论我们在 my_script.ts 中的何处结束，代码执行都会停止？

同时，一旦我进入 my_script.ts 并继续执行，我不希望它在 my_script.ts 的每一行都中断。 也就是说，我正在寻找一种方法来调用 foo.js=>my_script.ts 转换的断点，这样我就可以在结束时点击 continue在图书馆外，return 立即 my_script.ts。

UPD：如果有扩展程序可以帮助我，我也会接受！

Answer 1

来自debugger on MDN：

function potentiallyBuggyCode() {
    debugger;
    // do potentially buggy stuff to examine, step through, etc.
}

When the debugger is invoked, execution is paused at the debugger statement. It is like a breakpoint in the script source.

除此之外，您可能需要依赖所用浏览器的断点功能来进行调试。 Chrome 在您的代码初始化后提供 function breakpoints "when you want to pause whenever a specific function is called", and you can further set up line of code breakpoints which you can then disable。

如果手动禁用断点太困难或太麻烦，您还可以设置 conditional breakpoints 来严格指定中断的条件，包括您在库中管理的手动布尔字段。