使用sourcemap 查找js压缩文件对应的未压缩文件的错误处

文章由来

公司做了一个监控错误的平台，每次能看到对应文件报错的行数和列数以及内容，但是因为该平台还不支持sourcemap，以至于每次报错的文件都是压缩以后的相关报错信息，这无疑于毫无用处，于是自己找了个解析sourcemap的开源库，进行简单的运用，就能找到未压缩所报错文件名，行数，列数以及报错变量名。

配置步骤（Mac版）

• 将拥有以下代码的sourcemap_js.py放到你所熟悉的目录下

import sourcemap
import sys
if __name__ == '__main__':
    # minified = open('h5.c6af85de.js').read()
    # map_path = sourcemap.discover(minified)
    # print map_path
    print sys.argv
    index = sourcemap.load(open(sys.argv[1]))
    token = index.lookup(line=int(sys.argv[2]), column=int(sys.argv[3]))
    print token.src
    print token.src_line
    print token.src_col
    print token

• 打开命令行，安装pip，输入命令行sudo easy_install pip
• 在刚刚放置sourcemap_js.py的目录下安装sourcemap sudo pip install sourcemap（这是Github开源代码）
• 接着在命令行刚刚放置sourcemap_js.py的目录下传入相应的参数就可以得到未压缩文件的相应信息了. 命令代码：python sourcemap_js.py 'js sourcemap文件路径' 压缩后报错所在的行数-1 压缩后报错所在的列数 eg: python sourcemap_js.py ‘/Users/wk/work/eo-ent-web/dist/h5.cd34e3ae.js.map’ 44 22398（ps: 测试过好几次 压缩后报错所在的行数－1得到的未压缩文件信息比较准确 但偶尔可能有偏差） 输出结果：报错文件路径，报错行数，报错列数，报错变量