使用源映射还原JavaScript缩小

时间:2015-06-08 23:03:45

标签: javascript

如果我有缩小的文件及其相应的源地图,是否有可能获得正确的JavaScript源文件?

我知道如何美化JS代码(换行符和缩进),但我希望在文件中获得原始的函数/变量名,以便能够更好地理解源代码。

我想要使用未缩小的JS文件,而不是使用它来在浏览器中进行调试。

PS它可能就在我的鼻子底下,但到目前为止我找不到它。对不起,如果这已经被要求了!

2 个答案:

答案 0 :(得分:2)

要使用源图,需要缩小和原始文件,通常原始文件包含在源图文件中(对于无法托管的源,它有可选的sourcesContent)。

Sourcemap只是JSON文件,您可以在其中找到所有需要的信息:

  • sources - 源文件名列表,
  • sourcesContent - 可选列表 原始来源,如果没有提供来源,它将为空 这里。

实用程序脚本,我之前为此写过:https://gist.github.com/zxbodya/ca6fb758259f6a077de7

答案 1 :(得分:0)

我认为您无法完全将此类代码恢复到原始状态,因为在此过程中会丢失大量信息(例如注释或某些变量名称)。当我正确理解源图这样做时,你仍然需要原始文件。

如果您只是为了美化代码以使其再次可读,那么您不需要源地图。许多高级编辑都有这样的功能。例如,如果你使用的是Sublime文本,那就有这个插件:https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify,它做得很好。

另请参阅此类似问题:How can I debug a minified JS in firebug?