为何Firefox与Chrome的Network面板未显示Source Map请求？

浏览器获取Source Map主要有三种常见途径：

• 直接在文件底部的注释中包含完整的Source Map内容
• 文件底部的注释指向一个可返回Source Map内容的URL（通常是.map后缀的静态文件，不过理论上也支持后端动态生成并返回的内容）
• 通过HTTP请求头指定Source Map的URL

你提到第2、3种方式需要发起HTTP请求，但从没在Firefox或Chrome的Network面板里看到相关请求——这其实是浏览器的默认设置导致的：开发者工具默认会隐藏Source Map的请求记录。如果想要查看这些请求，你可以打开开发者工具的设置（右上角的齿轮图标），找到「Sources」分类下的「Show source map requests」选项并勾选，之后就能在Network面板里看到这些请求了。

另外补充一点：浏览器只有在开发者工具打开、且启用了Source Map功能的前提下，才会发起这类请求；默认关闭开发者工具时，浏览器不会主动请求Source Map，这也是你平时看不到相关请求的原因之一。

内容的提问来源于stack exchange，提问作者trysis