浏览器源地图疑难解答

Question

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

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

1. 在检查器设置中启用了源映射
2. package.min.js文件由/ js提供
3. package.min.js包含相同的//@ sourceMappingURL=package.min.js.map行
4. 由uglify-js2生成的缩小的源+源映射
5. 可以在/ js中访问原始文件

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

Answer 1

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

另外：//@ 将被替换为//#。