Javascript 外部源映射工具

Javascript 外部源映射工具,javascript,uglifyjs,source-maps,Javascript,Uglifyjs,Source Maps,我在生产中有一个最小化的文件,有一个记录错误的错误处理程序,以及在缩小文件时生成的源映射,但是我无法将错误映射到源文件,因为错误在日志中,并且不会发生在容易使用缩小的文件和源映射的chrome或firefox中。是否有应用程序或工具可以使用我生成的源地图将缩小文件中的错误报告转换为原始未整理文件中的位置?所以说得很清楚我有 dist.min.js 它由几个js文件组成,这些文件被浓缩,然后用uglify.js缩小。我有 dist.min.js.map 这是丑八怪缩小文件时生成的映射文件。我需要做

我在生产中有一个最小化的文件,有一个记录错误的错误处理程序,以及在缩小文件时生成的源映射,但是我无法将错误映射到源文件,因为错误在日志中,并且不会发生在容易使用缩小的文件和源映射的chrome或firefox中。是否有应用程序或工具可以使用我生成的源地图将缩小文件中的错误报告转换为原始未整理文件中的位置?所以说得很清楚我有

dist.min.js

它由几个js文件组成,这些文件被浓缩,然后用uglify.js缩小。我有

dist.min.js.map

这是丑八怪缩小文件时生成的映射文件。我需要做的是接受错误

ERROR:uncaughttypeerror:无法调用未定义的dist.min.js:1的方法'indexOf'
TypeError:无法调用未定义的方法'indexOf'
在distmin.js:1:21815在ab.event.dispatch(dist.min.js:3:25564)
在q.handle(dist.min.js:3:22314)中“


并找出在我的原始源代码中该错误实际发生的位置。我知道如何将sourcemaps与Chrome一起使用,但是否有一个外部工具允许我手动输入行和列,并在源代码中显示位置?

Uglify.js有一个名为SourceMap的东西用于此类功能。请在命令中使用以下标志:

 --source-map yoursource.min.js.map
整个命令如下所示:

 uglifyjs yoursource.js -o yoursource.min.js --sourcemap yoursource.min.js.map
更多信息:

您可以使用mozilla将贴图反转到原始位置,如下所示:

var smc = new SourceMapConsumer(rawSourceMap); // <-- put map in there
console.log(smc.originalPositionFor({          // <-- plug positions here
     line: 2, 
     column: 28 
})); 

该示例直接来自Mozilla的文档。同样的库也用于(当提到源地图生成时,链接到Mozilla项目)。

由于还没有为此构建GUI工具,我很快就基于@tucuxi指出的

您可以在其GitHub页面找到它:


您是否尝试过@DiegoZoracKy?我不想美化源代码,我有源代码和地图,我想确定错误发生在源代码中的何处。您对其运行过jshint吗?通常情况下,缺少分号之类的问题只会在缩小的代码中出现,并且可能有点不可预测。抱歉,我知道这对你原来的问题没有帮助,但我想我会把它扔进去,因为如果你还没有这样做,它可能会让你的问题消失。我已经澄清了我的问题,不清楚我是否已经有了源地图,但我有。我需要一种从源映射到错误行的方法。
{ 
  source: 'http://example.com/www/js/two.js',
  line: 2,
  column: 10,
  name: 'n' 
}