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

为了开发，我使用coffee-script.js和coffeescript标记在浏览器中动态编译我的coffeescript。这非常有效，只是我无法从浏览器（这是Chrome和Firefox/Firebug）导航到已编译的javascript。如果我显式地添加一个

debugger

调用，或者将浏览器设置为异常的断点，它会很好地将我放入已编译的javascript中，但这似乎是获得它的唯一方法

我目前的技术是添加

setTimeout () -> throw "debug me!"

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

如果我找到了断点，它会将我放入一个名为

（程序）

的源选项卡中：

但这不是左侧面板列表中的任何

（程序）

项，如果我关闭此选项卡，我将无法返回

---

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

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

---

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

调试器调用的问题是每次都会被命中——我还有几个coffeescript文件，这意味着有多个断点。通过抛出一个可忽略的异常，我至少可以忽略它。我最头疼的是，页面加载后经常会出现问题，因此我希望避免重新加载并重新跟踪复制的步骤。如果有多个文件，保存时自动将文件编译为js会更容易，只需在html中引用js即可。这样你的生活会更轻松；）如果可以的话，我会对这条评论投赞成票——让

coffee

观看源文件，并自动合并/编译它们，让我的生活在各种方面变得更轻松。