在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）这样的正则表达式。那不行。

这里有你可以做的截图。