chrome调试压缩后的代码

来源:互联网 发布:研究方向数据图像处理 编辑:程序博客网 时间:2024/04/19 14:28

利用chrome的开发者工具对JavaScript代码打断点调试,是一种常用的前端调试方法。

但有时我们需要对压缩后的JavaScript进行调试,因为现在前端大多采用FIS或webpack进行压缩,如果拿不到JavaScript的源代码,就只能对压缩后的代码进行断点分析。

点击Sources 面板下方的 pretty print 按钮{},格式化JavaScript代码,然后再打断点调试即可。

这里写图片描述

参考文档:
https://developers.google.com/web/tools/chrome-devtools/javascript/add-breakpoints