如果您使用源代码映射或 source网址(Sourcemaps 上的 HTML5 Rocks Primer 中已对这两种情况进行了介绍),那么您可能会在 Chrome 控制台中看到警告,例如 "/*@ sourceMappingURL=" source mapping URL declaration is deprecated, "/*# sourceMappingURL=" declaration should be used instead.
![Sourcemapping Devtools 屏幕截图](https://developer.chrome.google.cn/static/blog/sourcemappingurl-and-sourceurl-syntax-changed/image/sourcemapping-devtools-sc-073e091987fb1.png?authuser=5&hl=hr)
那就是这样:
动力
在 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网址 进行了更改。还会针对使用已废弃的
//@
语法发出警告。
在这些更改逐步发布期间,您可以同时使用这两种语法以获得全面的工具支持,也可以根据需要立即迁移到 #
语法。