DevTools中Profiler是否支持黑箱（Blackboxing）功能过滤可分析脚本？

当然支持！这个功能正是为解决你遇到的「第三方脚本挤占调用链报告」问题设计的，能帮你快速过滤无关脚本，聚焦自己的代码逻辑。

下面是具体的操作方式，分几种场景：

快速黑箱单个脚本 #

• 在Sources面板中，找到你想屏蔽的第三方脚本文件，右键点击它，选择 Blackbox Script 即可。设置后，这个脚本的调用会在Profiler结果里被折叠或隐藏。
• 也可以直接在Profiler的调用链结果里，右键点击来自第三方脚本的函数/条目，选择 Blackbox Script，一步完成黑箱设置。

批量黑箱一类脚本 #

如果要屏蔽某一域名下的所有第三方脚本（比如CDN上的库），可以通过设置规则批量处理：

1. 按F1打开DevTools设置面板
2. 找到Blackboxing选项
3. 点击Add pattern，输入匹配规则（比如 *.cdn.example.com/* 或者 jquery.min.js），确认后就能自动黑箱所有符合规则的脚本。

黑箱后的效果 #

设置完成后，不管是在JavaScript Profiler还是Performance面板的调用链分析里，被黑箱的脚本都会被默认折叠，你可以选择是否展开查看，但它们不会再占据报告的主要篇幅，让你能快速定位自己代码的调用路径和性能瓶颈。

另外建议在录制性能分析前就设置好黑箱规则，这样录制出来的报告会直接过滤掉无关脚本，省去事后整理的麻烦。

内容的提问来源于stack exchange，提问作者vei nen