浏览器何时下载源图?

时间:2017-06-01 19:19:39

标签: javascript google-chrome internet-explorer firefox source-maps

浏览器何时下载缩小文件的源图?

如果/当他们下载缩小文件的源图(一个以.map扩展名结尾的外部文件,如scriptname.min.js.map)时,我很难找到任何浏览器的文档。

我正在尝试确定我想要创建的地图文件的详细程度(这会严重影响文件大小),但我不知道文件在Google Chrome中的下载位置(不会显示在Dev的网络标签中)工具)但是当我在源选项卡中调试时它可用。

1 个答案:

答案 0 :(得分:26)

打开开发人员工具时,会下载源地图并将其附加到浏览器。在那之前,浏览器不知道sourceMap。

Chrome的开发工具有代码参考

https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/devtools/front_end/sdk/DebuggerModel.js?autodive=0%2F%2F%2F%2F%2F%2F%2F%2F%2F#73

this._sourceMapManager.setEnabled(Common.moduleSetting('jsSourceMapsEnabled').get());

上述代码中发生的事情的简短要点是

一旦附加了Devtools,模态触发并启用sourceMapManager。 sourceMapManager管理Chrome中的sourceMap。初始化SourceMapManager后,它会查找#sourceMapUrl下载并将地图附加到调试器。

更新注意:除非源图是从专用网络提供的,否则将源图添加到缩小文件并不是一种惯例。这是由于各种原因的安全性,混淆等。但这只是我的意见,它取决于您的实际需求。例如:如果您有任何需要附加代码的错误跟踪工具,那么您必须附加源地图。