我用Closure编译了一个小测试，如下所述：
使用java -jar compiler.jar --js test.js --create_source_map ./test-min.js.map --source_map_format=V3 --js_output_file test-min.js我有：
HTML:
<html>
<body>
<canvas id="doodle" height="200" width="200"></canvas>
<script src="test-min.js"></script>
</body>
</html>
JS test-min.JS:
(function(){for(var b=document.getElementById("doodle").getContext("2d"),a=0;100>a;a++)b.fillStyle="rgb(200,0,0,0.1",b.fillRect(10*a,10,55,50*a),b.fillStyle="rgba(0, 0, 200, 0.1)",b.fillRect(30,30*a,55,50*a)})();
//# sourceMappingURL=test-min.js.map
JS test-min.JS.map:
{
"version":3,
"file":"test-min.js",
"lineCount":1,
"mappings":"AAAC,SAAQ,EAAG,CAEV,IADD,IAAIA,EAAMC,QAAAC,eAAA,CAAwB,QAAxB,CAAAC,WAAA,CAA6C,IAA7C,CAAV,CACUC,EAAE,CAAX,CAAgB,GAAhB,CAAcA,CAAd,CAAqBA,CAAA,EAArB,CACCJ,CAAAK,UAIA,CAJgB,iBAIhB,CAHAL,CAAAM,SAAA,CAAc,EAAd,CAAiBF,CAAjB,CAAoB,EAApB,CAAwB,EAAxB,CAA4B,EAA5B,CAA+BA,CAA/B,CAGA,CADAJ,CAAAK,UACA,CADgB,sBAChB,CAAAL,CAAAM,SAAA,CAAc,EAAd,CAAkB,EAAlB,CAAqBF,CAArB,CAAwB,EAAxB,CAA4B,EAA5B,CAA+BA,CAA/B,CAPS,CAAX,CAAA;",
"sources":["test.js"],
"names":["ctx","document","getElementById","getContext","i","fillStyle","fillRect"]
}
都在同一个文件夹中。然而，Firefox和Chrome开发工具都不会显示源地图中未编译的源代码。是我做错了什么，还是这是最新的Closure编译器中的一个错误？
这些文件对我来说还可以，我只是在最新的闭包编译器中尝试了一下，没有遇到任何问题。既然你在问题中没有提到这两件事，你应该验证以下内容：
-
确保原始.js文件test.js在同一目录中。源映射告诉浏览器如何将缩小/编译文件中的行映射到原始源，但它仍然需要原始源。
-
请确保已启用JavaScript源映射支持。在Chrome中，在设置中的Sources下查找JavaScript源代码映射支持。在Firefox中，选中调试器选项中的"显示原始源代码"。
如果你设置了这些东西，它应该能正常工作。请注意，如果您进入源面板并单击min.js文件，您仍然可以看到缩小后的文件的内容。但是，如果在非缩小文件中设置断点，它应该可以正常工作。
同样，如果代码中有异常(并且打开了break-on-exception)，当您进入调试器时，它应该显示异常在非缩小代码中发生的位置。
另请参阅：
- Chrome DevTools文档中的源代码映射
- 在Firefox开发工具文档中使用源地图
希望这能有所帮助。