使用源映射恢复JavaScript缩小



是否有可能获得适当的JavaScript源文件,如果我有缩小的文件及其相应的源映射?

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

我想得到未缩小的JS文件的工作,而不是使用它在浏览器中调试。

附:它可能就在我鼻子底下的某个地方,但是到目前为止我没有设法找到它。对不起,如果这个问题已经被问到!

要工作sourcemap需要两个文件,最小化文件和原始文件,通常原始文件包含在sourcemap文件中(它有可选的sourcesContent,用于不能托管的源)。

Sourcemap只是一个JSON文件,你可以在里面找到所有需要的信息:

  • sources -源文件名列表,
  • sourcesContent -可选列表对于原始源,如果没有显示源,它将为空这里。

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

我建议使用源地图可视化工具在线查看原始代码与js文件和js源地图文件。

https://sokra.github.io/source-map-visualization/

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

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

也可以看到这个类似的问题:我如何在firebug中调试一个缩小的JS ?

最新更新