Web 浏览器如何找到 JavaScript 文件的源映射

How do web browsers find a source map for a JavaScript file?

本文关键字：文件映射 JavaScript 浏览器何找 Web 更新时间：2023-09-26

下面的文章解释了为了找到JavaScript文件(如jQuery(的源映射，Web浏览器会查看JavaScript代码内部并查找包含嵌入在JavaScript注释中的sourceMappingURL指令的行。例如，jQuery 1.9.0 缩小文件在文件末尾包含这样的指令。然而，最近的jQuery 1.11.1缩小发行版不包含这样的指令，但jQuery 1.11.1映射文件也与此(最终稳定的jQuery 1(版本一起分发。那么 Web 浏览器如何找到缩小文件的地图文件。

我想 Web 浏览器寻找 sourceMappingURL 指令的约定已被放弃，转而遵循查找同名文件的命名约定，.js替换为 .min .这是怎么回事？

根据最近发布的Firefox Developer Edition的文档，这样的浏览器似乎仍然在寻找sourceMappingURL指令。

谢谢。

从最新版本中删除源映射背后的原因在 JQuery 博客上描述

此版本不包含缩小的源映射注释文件。源图已被证明是一个非常有问题和令人费解的问题给开发人员的东西，催生了数百名困惑的开发人员像StackOverflow这样的论坛，导致一些人认为jQuery本身是破碎。

我们仍将生成和分发源映射，但您将需要在末尾添加适当的源映射注释如果浏览器不支持手动关联地图，则缩小文件文件(目前没有(。如果您使用自定义生成过程，源映射注释将出现在缩小文件并生成地图;你可以把它留在里面，然后使用源映射或将其编辑出来并完全忽略映射文件。

我们希望将来恢复并改进源映射支持，但是目前，设计和实现似乎都不合适对于像jQuery这样的情况，其中有广泛分布的文件在 CDN 上。我们希望源映射(以及支持它们的浏览器(能够优雅地处理文件重命名或丢失文件等情况。看我们的错误票证以获取更多信息。