如果前端代码被 webpack 压缩混淆, 怎么用浏览器的开发者工具进行打断点调试呢?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2066 天前的主题，其中的信息可能已经有所发展或是发生改变。

10 条回复 • 2018-08-31 21:55:06 +08:00

boris1993

2018-08-30 19:03:26 +08:00 via Android

map 文件？

laball

2018-08-30 19:05:29 +08:00

调试的时候，还是使用没有压缩的代码吧！

Sparetire

2018-08-31 02:21:02 +08:00 via Android

本地开发调试的话 sourcemap 是可以，但不建议生产环境传线上，应该自己传 sentry 一份配合日志查线上错误，非要断点调打包压缩代码也不是不可以。。格式化一下其实对着本地代码也很好看懂。。

aiver

2018-08-31 08:45:57 +08:00

压缩时添加 sourcemap 就可以本地调试，生产环境应该是上传混淆压缩分包好的代码了

sadddhu

2018-08-31 11:35:02 +08:00

@laball 我需要看的是别人家的代码, 我没有源代码.

sadddhu

2018-08-31 11:36:16 +08:00

@boris1993 js 文件啊

sadddhu

2018-08-31 11:38:19 +08:00

@Sparetire 关键是我想看一个异步请求参数的生成规则, 代码虽然可以格式化, 但名字完全是乱的. 对于这种情况我只能靠全局搜索可能关键字加猜测吗?

laball

2018-08-31 12:44:48 +08:00

@sadddhu
之所以压缩，一方面是为了减小网络请求，另外一方面，也是为了安全性，压缩后的可读性变差。
貌似 Chrome 可以格式化代码，但无法解决变量和方法名称被压缩的情况；

Sparetire

2018-08-31 14:45:03 +08:00 via Android

@sadddhu 如果你有 sourcemap 那还原以后很好断，没有的话就只能人眼逆向

sadddhu

2018-08-31 21:55:06 +08:00

@Sparetire 悲剧, 我以为有什么傻瓜式破解打发呢