关于JS+sourcemap调试：打开局部变量解析设置

一、问题背景

对于已经编译好的经过压缩混淆的js库，它可利用sourcemap进行调试，具体调试方法可以百度。但是我们在调试混淆js库时，虽然可以看见源代码，但是却无法查看局部变量的值，不能在Chrome或edge的控制台或者监视里面，输入局部变量名(混淆前的变量名)查看变量值（在“作用域”里可以看见局部变量，但是变量多的时候不好找），否则浏览器将报错,类似下图：

 网上搜了好久，没见到文章提到这个问题，后来在国外的某个网站找到了方法，搬过来。方法就是在开发工具的设置里，打开某个配置就可实现这个功能。估计是实验功能，默认没有打开。

二、解决方法

下面以edge浏览器为例：

（1）F12打开开发人员工具

 （2）打开设置

 （3）打开“实验”选项卡

 （4）勾上“通过sourcemap进行表达式变量解析”选项

 设置完成，这样就可以在控制台或者watch里输入局部变量，查看变量情况。