4

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

我很努力地在任何浏览器上查找有关下载缩小文件的源映射(以扩展名结尾的外部文件,如scriptname.min.js.map)的文档。

我想确定一个我想创建的地图文件是多么详细(这极大地影响了文件大小),但是我没有看到文件在Google Chrome中下载的位置(未显示在开发工具的网络选项卡中),但它在源代码标签中调试时可用。

+0

为什么你想添加一个地图到缩小文件?地图文件是私人地图文件吗? – karthick

+0

只是由我的构建脚本生成的映射文件不是私有的。 –

回答

7

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

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

https://chromium.googlesource.com/chromium/src.git/+/master/third_party/WebKit/Source/devtools/front_end/sdk/DebuggerModel.js#73

在上面的代码中会发生什么短要点是

一旦Devtools连接模态触发器和使sourceMapManager 。 sourceMapManager在Chrome中管理sourceMap。一旦SourceMapManager被初始化,它会查找#sourceMapUrl下载并将映射附加到调试器。

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

+0

非常好。那么Firefox,Safari,IE等呢? –

+0

这将是相同的。由于Chromium是Sourcemap的早期采用者。所以所有的浏览器都会以同样的方式做或多或少的事情。每个浏览器都知道在加载页面时不需要加载源地图。所以文件将被附加的唯一方法是当调试器窗口打开时 – karthick

+0

太棒了。你有从浏览器制造商的直接来源?我想要的地图文件是11mb,我不想在没有浏览器制造商的指导下将其投入生产。 –

相关问题