一、问题背景
对于已经编译好的经过压缩混淆的js库,它可利用sourcemap进行调试,具体调试方法可以百度。但是我们在调试混淆js库时,虽然可以看见源代码,但是却无法查看局部变量的值,不能在Chrome或edge的控制台或者监视里面,输入局部变量名(混淆前的变量名)查看变量值(在“作用域”里可以看见局部变量,但是变量多的时候不好找),否则浏览器将报错,类似下图:
网上搜了好久,没见到文章提到这个问题,后来在国外的某个网站找到了方法,搬过来。方法就是在开发工具的设置里,打开某个配置就可实现这个功能。估计是实验功能,默认没有打开。
二、解决方法
下面以edge浏览器为例:
(1)F12打开开发人员工具
(2)打开设置
(3)打开“实验”选项卡
(4)勾上“通过sourcemap进行表达式变量解析”选项
设置完成,这样就可以在控制台或者watch里输入局部变量,查看变量情况。