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

如果您使用源代码映射或 source网址(Sourcemaps 上的 HTML5 Rocks Primer 中已对这两种情况进行了介绍),那么您可能会在 Chrome 控制台中看到警告,例如 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.

Sourcemapping Devtools 屏幕截图

那就是这样:

动力

在 IE JScript 引擎中将 //@cc_on 解释为启用条件编译后,每当在网页中找到 //@ sourceMappingURL 时,都会发现它与 IE 存在冲突。其中,旧版的 HTML5 Shiv 是个特别严重的问题

规范更改

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

sourceURL

//@ sourceURL 也在规范中进行了定义,旨在与 //# 语法保持一致,以保持一致性。继续操作,详细了解 source网址 的作用。由 Ember 的 minispade、Google 的 concatenate.js 等使用。在 Chrome 中,除已评估的 JS 之外,内嵌脚本和内嵌样式还支持 sourceURL

在浏览器开发者工具中实现 = 完成!

  • Safari 检查器现在支持 sourceMapping网址 和 source网址 的 //#
  • Firebug 的变更已针对 source网址发布
  • Firefox 开始了 sourceMapping网址 的更改。source网址 票据此处
  • Chrome 开发者工具针对 sourceMapping网址 和 source网址 进行了更改。还会针对使用已废弃的 //@ 语法发出警告。

在这些更改逐步发布期间,您可以同时使用这两种语法以获得全面的工具支持,也可以根据需要立即迁移到 # 语法。