浏览器什么时候下载源地图?

When do browsers download sourcemaps?

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

我正在努力寻找 if/when 上任何浏览器的文档,他们下载了缩小文件的源映射(以 .map 扩展名结尾的外部文件,如 scriptname.min.js.map)。

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

当您打开开发者工具时,Source Maps 会被下载并附加到浏览器。在此之前,浏览器不知道 sourceMap。

有一个代码参考 Chrome 的开发工具

https://chromium.googlesource.com/chromium/src/+/refs/tags/75.0.3770.67/third_party/blink/renderer/devtools/front_end/sdk/DebuggerModel.js

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

以上代码的简要要点是

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

更新 注意:将源映射添加到缩小文件中不是一种做法,除非源映射是从专用网络提供的。这是出于安全、混淆等各种原因。但这只是我的意见,具体取决于您的实际要求。例如:如果您有任何需要附加代码的错误跟踪工具,那么您将必须附加 sourcemap。