如何获知代码压缩后变量的实际命名?
如何在Sourcemap环境下快速获取生产代码中原变量对应的压缩后名称
以下是几个实用的解决方法,覆盖logpoint设置、控制台调试等场景:
断点暂停时查看Scope面板
断点命中后,在DevTools的Sources面板找到Scope区域,展开对应的作用域(Local、Closure、Global等)。这里的变量会同时显示压缩后的实际名称和灰色小字体标注的原变量名(格式如u31a (isSubmitting))。直接提取前面的压缩名称,就能用在logpoint的表达式或控制台代码里。强制暂停后映射变量名
如果没有现成断点,可在控制台执行debugger;强制触发暂停,之后同样在Scope面板查看变量对应关系。另外,暂停时在控制台输入原变量名,DevTools会自动解析返回对应值,同时你能在Scope区域找到对应的压缩名称。从源文件跳转查看压缩名
在Sources面板打开带Sourcemap的原始代码文件,找到目标变量的定义处,右键点击变量名,选择「Reveal in Minified Source」。DevTools会直接跳转到压缩后的代码文件,高亮显示该变量对应的压缩名称。开启控制台的Sourcemap映射
打开控制台的设置(右上角齿轮图标),找到「Enable source map mapping in console」选项并开启。开启后,断点暂停时控制台会自动识别原变量名并映射到压缩后的名称,无需手动替换就能直接执行代码。
内容的提问来源于stack exchange,提问作者oligofren
相关产品推荐
相关产品推荐

