如何瀏覽通過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面板）