浏览器源地图疑难解答

时间:2013-06-05 03:03:38

标签: google-chrome-devtools source-maps

源映射对于调试最小化的脚本或翻译语言(例如CoffeeScript)非常有用,但浏览器为您提供的输出很少,可以解决映射无法正常工作的原因。有没有人有一个清单,可用于查找映射出错的位置。现在我的设置工作在我的本地开发环境中,但是当我尝试将它部署到我们的登台服务器时,它没有工作"。

我在本地和登台环境之间验证的内容相同:

  1. 在检查器设置中启用了源地图
  2. package.min.js文件来自/ js
  3. package.min.js包含相同的//@ sourceMappingURL=package.min.js.map
  4. uglify-js2
  5. 生成的缩小源+源地图
  6. 原始文件可在/ js
  7. 中访问

    我可以看到的一个区别是,生成的源映射的大小略有不同,并且sourcemap散列的sources属性中的文件的顺序略有不同。但是源地图非常大,因此验证它实际上并没有显着不同是不容易的。

1 个答案:

答案 0 :(得分:1)

通过HTTP获取源映射(和原始源文件)。查看服务器日志以查看浏览器实际请求的内容。

另外://@ is going to be replaced//#