浏览器什么时候下载源图？

Question

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

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

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

Answer 1

打开开发人员工具时,会下载源映射并将其附加到浏览器.在此之前,浏览器不知道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被附加,modal触发并启用sourceMapManager.sourceMapManager管理Chrome中的sourceMap.初始化SourceMapManager后,它会查找#sourceMapUrl下载并将映射附加到调试器.

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