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

  • Werner Schuster
  • 崔康

2011 年 8 月 11 日

话题:Java.NETRubyJavaScript语言 & 开发

如今的 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

Java.NETRubyJavaScript语言 & 开发