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

Question

对于开发，我使用coffee-script.js和coffeescript标签在浏览器中动态编译我的coffeescript。这很好用，除了我无法从浏览器导航到已编译的javascript（这是Chrome和Firefox / Firebug）。如果我明确地添加了一个debugger调用，或者将浏览器设置为一个异常的断点，它会让我进入已编译的javascript中，但这似乎是获得它的唯一方法。

我目前的技术是添加

setTimeout () -> throw "debug me!"

因此代码将抛出一个异常（在一个超时处理程序中，因此它不会突破任何共享执行堆栈），我可以选择断点与否。

如果我断点，它会让我进入一个名为(program)的源标签：

但这不是左侧面板列表中的任何(program)条目，如果我关闭此标签，我无法回复它。

有没有其他方法可以获得这个编译的代码？

Answer 1

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

我使用js2coffee.org从coffeescript快速预览我的js（只需将它粘贴在咖啡到js面板中）