javascript - 浏览器什么时候下载源 map ？

Question

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

我正在努力寻找任何浏览器是否/何时下载缩小文件的源映射(以 .map 扩展名结尾的外部文件，例如 scriptname.min.js)的文档。 map )。

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

Answer 1

当您打开开发人员工具时，源 map 将被下载并附加到浏览器。在此之前，浏览器并不知道 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 下载并将 map 附加到调试器。

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