在 Chrome 控制台里如何只调试自己项目中的代码？

Question

背景：vue3开发

每次 debugger 调试的时候，都会跳进去 vue 源码或者打包的 js 源代码。

能不能只在自己项目中的代码调试呢？我其实不关心这其中的源码细节

Answer 1

社区之前有过类似的问答 Chrome 能否在断点调试时屏蔽部分脚本?，主要就是利用 Chrome DevTools 提供的黑盒模式来跳过。

只不过现在是叫这个了：

相关阅读
The Firefox JavaScript Debugger — Firefox Source Docs documentation
调试时屏蔽 JavaScript 库代码 –Chrome DevTools Blackbox 功能介绍 | AlloyTeam

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

再对应的资源右键就会有一个这个，在旧版里面可能叫 black ...