Mozilla、WebKit 准备支持对精简 JS 以及 CoffeeScript 和其他 JS 语言的调试

如今的 Web 和 Javascript 调试器已经非常强大，并很好地集成在浏览器中——但是必须满足的条件是调试器中的代码是原始的、手写的。现在，大量执行和部署的 Javascript 通过软件生成，而不是开发人员。最常见的情况是精简或者压缩后的代码。在这些代码中设置断点非常麻烦甚至无法实现，因为它们往往是单长行形式——即使最初的源代码是格式良好的。

另一个问题是：Javascript 成为语言的​编译器目标正在逐渐受到欢迎，主要归功于Javascript VM 的普及。 CoffeeScript 仅仅是新语言的一个例子，最近推出的 ClojureScript 是现有语言的一个例子，编译为 Javascript。调试利用这些语言编写的代码意味着使用生成的 Javascript 代码，而不是可以设置断点、console.log() 消息和其他源代码相关功能的输入语言。

这个问题由来已久，JVM 语言也有类似的问题，从而提出了 JSR-045 - Debugging Support for Other Languages ，用于编译到 JVM 的各种语言，如 JRuby 。

源地图（Source Maps，SMAP）是解决办法，例如源语言和目标表示之间的映射文件。Google 的 Closure 编译器可以针对精简后的 Javascript 文件生成 SMAP 文件，不过目前能够读取 SMAP 的工具只有 Firebug 的扩展—— Closure Inspector 。

Mozilla 和 WebKit 项目在它们的调试功能中启动了对 SMAP 的支持。

Mozilla针对SMAP 和调试功能有一个深入的计划。该文档还提到了源映射的另一个潜在领域——CSS，它也被CSS 超集（如 SASS 或者 LESS ）用于编译目标。

Mozilla 跟踪本次工作的 ticket 是 Bug 618650 - Map JS source coordinates to source language that was translated to JS 。规划文档中提到 Firefox 9 作为目标发布版本。

WebKit 也在计划支持SMAP ，实际的SMAP 格式可能是Closure Inspector 格式的改进版，Mozilla 也在考虑这种方案。 Bug 63940 - Web Inspector: draft implementation of compiler source mappings support in debugger 在跟踪这项特性。

查看英文原文： Mozilla, WebKit To Support Debugging Minified JS As Well As CoffeeScript and other JS Languages