如何浏览通过coffeescript标签编译的javascript？

Question

为了进行开发，我使用coffee-script.js和coffeescript标记在浏览器中动态编译我的coffeescript。 这很好用，除了我无法从浏览器（这是Chrome和Firefox / Firebug）导航到编译的javascript。 如果我显式添加一个debugger调用，或将浏览器设置为出现异常的断点，则它将我直接放到已编译的javascript中，但这似乎是实现此目标的唯一方法。

我目前的技术是添加

setTimeout () -> throw "debug me!"

因此代码将引发异常（在超时处理程序内，因此不会脱离任何共享的执行堆栈），我可以选择是否断点。

如果出现断点，它会将我放到一个名为(program)的源选项卡中：

但这不是左面板列表中的(program)条目中的任何一个，如果我关闭此选项卡，我将无法恢复。

还有其他方法可以获取此已编译的代码吗？

Answer 1

您可以在代码中插入debugger ，在大多数浏览器中它将被解释为断点。

我用js2coffee.org从CoffeeScript的让我的js的快速预览（只需将其粘贴在咖啡JS面板）