如何借助Source Map文件，从压缩JS的行列号定位源码信息？

完全可以，不需要依赖浏览器或Chrome开发者工具，只要持有压缩后的JS文件和对应的Source Map文件，就能通过压缩代码的行列号反向查找对应的原始函数名、源码位置，进而排查问题。

具体实现方式： #

• 用Node.js的source-map库手动解析
  借助官方的source-map库可以直接读取并解析Source Map文件，通过API查询目标行列的原始映射信息。示例代码如下：

  const fs = require('fs');
  const sourceMap = require('source-map');
  
  // 读取本地的压缩JS和Source Map文件
  const rawSourceMap = JSON.parse(fs.readFileSync('your-minified-file.js.map', 'utf8'));
  
  // 创建解析实例并查询
  sourceMap.SourceMapConsumer.with(rawSourceMap, null, (consumer) => {
    // 传入压缩文件的目标行、列号（注意行列号从1开始计数）
    const result = consumer.originalPositionFor({
      line: 10,
      column: 15
    });
    console.log('原始文件路径:', result.source);
    console.log('原始行号:', result.line);
    console.log('原始列号:', result.column);
    console.log('原始函数名:', result.name);
  });
  

  运行前需先安装依赖：npm install source-map

• 用命令行工具快速查询
  可以使用现成的命令行工具简化操作，比如source-map-cli：

  # 全局安装工具
  npm install -g source-map-cli
  # 执行查询，格式为：source-map resolve [map文件路径] [压缩文件行号] [压缩文件列号]
  source-map resolve your-minified-file.js.map 10 15
  

  工具会直接输出对应的原始文件信息、行列号和函数名。

本质上，Source Map文件本身就存储了压缩代码与原始代码的完整映射关系，只要能正确解析这份文件，就能完成反向定位，全程无需运行应用或依赖浏览器环境。

内容的提问来源于stack exchange，提问作者user3552178