sourcemap.png

网页或浏览器扩展使用了第三方压缩好的 JS 时,在谷歌浏览器 F12 前端审查会出现类似这样的警告:

DevTools failed to parse SourceMap: /js/bootstrap.bundle.min.js.map

关于 SourceMap

网站为了优化会将 JS 文件压缩处理以节省带宽,JavaScript 代码在去空格去行压缩之后变成了一行。压缩后的 JavaScript 于浏览器审查报错时无法准确定位,而 SourceMap 就是为了解决这个问题的。

SourceMap 可以看成是一个映射表,它存储了代码的位置信息,这样在 JavaScript 报错的时候,浏览器检查控制台里就能直接显示原始代码来定位,而不是压缩后的代码。

关闭 SourceMap

F12 - 右上角三点 - Settings - Enable JavaScript source maps 取消勾选即可

修改 JS

删掉 JS 文件最后一行,类似:

 //# sourceMappingURL=bootstrap.bundle.min.js.map