在 Chrome 中调试时跳过 Javascript 框架

Question

我做了研究，发现这个网站提供了我非常有用的信息 https://divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

我确实为文件模式启用了黑盒模式，如下所示

(firebug|angular|knockout|jquery|bootstrap|modernizr|respond)

但是，如果我单击开发人员工具中的暂停按钮 当鼠标悬停在页面上时，脚本仍然停在jquery.min.js，黄色框如图所示。

我只想调试当我执行某些操作时执行的功能，例如单击特定按钮等。

但是 jquery.min.js 阻止了我知道这一点。您知道如何解决或使调试更容易吗？

非常感谢。

Answer 1

如果您要这样做，您需要一次进入一个库。阅读有关黑盒的文档以获取更多信息https://developer.chrome.com/devtools/docs/blackboxing

你可以：

• 输入文件名，
• 使用正则表达式来定位：
  • 包含特定名称 /backbone.js$ 的文件，
  • 某些类型的文件，例如 .min.js$
• 或输入包含您要黑盒化的脚本的整个文件夹，例如 bower_components。

据我所知，您不能输入像 (thing1|thing2|thing3|etc) 这样的正则表达式。那是行不通的。

这是你可以做什么的屏幕截图。