sourceMapping网址 和 source网址 语法已更改

如果您使用的是源代码映射或 source网址(这两者在关于源代码映射的基础知识中均有介绍),则可能会在 Chrome 控制台中看到类似 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead. 的警告

Sourcemapping Devtools 屏幕截图

具体如下:

Impetus

//@cc_on 被解释为在 IE JScript 引擎中启用条件编译后,每当在网页中找到 //@ sourceMappingURL 时,都会发现 //@ sourceMappingURL 与 IE 存在冲突。旧版 HTML5 Shiv 就是一个典型的违规者。

规范变更

//@ sourceMappingURL 语法在 Sourcemap V3 规范中定义,该规范已更改为使用 //# 语法。

sourceURL

规范中还定义了 //@ sourceURL,并使其与 //# 语法保持一致。请继续阅读,详细了解 source网址 的用途。Ember 的 minispade、Google 的 concatenate.js 等工具均使用了该库。在 Chrome 中,除了已评估的 JS 之外,内嵌脚本和内嵌样式也支持 sourceURL

在浏览器 DevTools 中实现 = 完成!

在这些更改进入稳定版之前,您可以同时使用这两种语法来获得全面的工具支持,也可以根据需要立即迁移到 # 语法。