Google Chrome：如何使用源地图从缩小的行中找到原始行？答案

【问题标题】：Google Chrome: how to find original line from minified line using a source map?Google Chrome：如何使用源地图从缩小的行中找到原始行？
【发布时间】：2021-06-09 03:30:44
【问题描述】：

我正在使用 Closure Compiler 来缩小我的 JS 代码，它还会生成一个源映射文件。我可以在 Chrome 中打开我的网站并加载源地图以查看原始源代码。我可以在原始源代码中设置断点并单步执行代码，到目前为止一切顺利。

如何在不使用断点的情况下查看缩小代码的特定行/列映射到原始代码中的内容，反之亦然？

假设我收到一个错误报告“无法将属性 'b' 设置为 null，第 512 行，第 315 列”。我可以在缩小的代码中找到该部分，它是“Ba.b=!0;”如何使用 Chrome 找出原始源代码的来源？

【问题讨论】：

标签： javascript google-chrome google-chrome-devtools source-maps

【解决方案1】：

您不能使用源映射文件或运行未缩小的文件来重现错误吗？

【讨论】：

不，我不能。所以我希望 Chrome 中内置了这样的功能，否则我必须自己构建一个独立的工具。