2015-06-08 22 views
3

如果我有缩小文件及其相应的源地图,是否可以获取正确的JavaScript源文件?使用源地图恢复JavaScript缩小

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

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

PS它可能是在我的鼻子下方,但我没有设法找到它。对不起,如果这已经问了!

+1

这就是源地图是...你要求一个独立的工具,做了吗?或者你的问题是什么? –

+0

@FelixKling谢谢你的好处,我补充说明。 – NPC

回答

0

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

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

也看到类似的问题:How can I debug a minified JS in firebug?

+0

我知道如何对它进行美化,正如我在问题中所写的(我使用ST3的插件,您提到,它非常酷!),但我想将原始变量名称恢复为缩小文件。我知道并非所有人都可以恢复,但似乎有足够的信息可以做到这一点。 – NPC

3

若要sourcemaps需要两个文件,微细化以及原,原来经常被包含在sourcemap文件(它有源可选sourcesContent不能被托管)。

Sourcemap仅仅是JSON文件,你可以发现里面的所有需要​​的信息:

  • 源 - 源文件名列表,
  • sourcesContent - 的原始来源可选列表 ,如果源文件未提出这里应该是空的 。

实用程序脚本,我以前所写为了这个目的:https://gist.github.com/zxbodya/ca6fb758259f6a077de7

+0

在我的情况下,没有原始的源文件。然而,我确实在.map文件中看到了一个属性“名称”,我想知道是否按照字母顺序映射到替换变量,会尝试匹配它们。感谢您的想法! – NPC

+0

可能还有'sourcesContent'字段与原始来源,添加链接要求简单的脚本来保存这些来源。 –

+0

不,对不起,我只在JSON中有这些字段:“版本”,“文件”,“来源”,“名称”,“映射”,“源根”。 – NPC