如何在Chrome中調試RequreJS檢索的腳本

Question

我正在使用使用RequireJS調用腳本的第三方插件。我想調試例如在這些腳本中設置斷點，但它們沒有顯示在Chrome開發人員工具的腳本標籤中。

反正我有在Chrome中執行調試嗎？

Answer 1

調試加載了RequireJS的模塊的唯一困難在於，如果只有在條件X發生且該應用程序第一次加載時該條件不存在的情況下才加載模塊，則必須等到條件發生之後才能放入模塊代碼上的斷點。

舉例來說，如果你想調試功能bar模塊foo和foo加載這樣的：

if (X) { 
    require(["foo"], function (foo) { 
     foo.bar(); 
    }); 
} 

你不得不觸發條件X，然後才能開始添加內foo.bar斷點。最有可能的是，您希望在foo.bar()調用的位置放置斷點，以便您有機會在foo.bar內添加斷點。

在Chrome和Firefox以及其他提供調試工具的瀏覽器中都是如此。