chrom浏览器 JS断点调试，防止进入某个js文件（比如，jquery）

作者：许锐涛
链接：https://www.zhihu.com/question/21596855/answer/149836060
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
 

之前我也遇到过，设置断点后单步跳过时就会自动进入jquery源代码里，如下图

 

很多时候开发人员并不希望调试jquery源代码，自然不胜其烦。还好，chrome也提供了屏蔽指定js文件的功能——Blackbox。

 

 

开启方式如下：
在你下一次进入jquery调试界面时，在堆栈里面找到当前断点停留位置，如下图的each

 

右键点击each，选择"Blackbox script"，将jquery文件添加进Blackbox

 

之后调试时chrome就会自动忽略jquery文件，并在Call Stack里提示屏蔽文件情况，点击show可查看。

 

颜色浅的就是在Blackbox里的文件。

取消屏蔽也很简单，在浅色的文件右键点击，选择“Stop blackboxing”即可。