如何調試Firefox開發人員工具附帶的Scratchpad中編寫的JavaScript？

我想要一個獨立的editor和debugger，基本上IDE爲JavaScript。目前，我正在命令行中使用僅運行獨立腳本的組合，並在Notepad++中編輯它們，有時編輯Firefox Developer tools中的Scratchpad。如何調試Firefox開發人員工具附帶的Scratchpad中編寫的JavaScript？

但Debugger在Firefox Developer Tools沒有顯示我的來源ScratchPad。我如何讓它顯示出來？

另外，我無法在ScratchPad編輯器中設置斷點。

這不是一個工具推薦問題。它詢問如何針對特定任務使用特定的編程工具。 – meskobalazs

這個問題確實有答案：http://stackoverflow.com/questions/18364124/how-to-watch-variables-in-the-firefox-scratchpad。即使這不是個好消息。 – meskobalazs

可能的重複[如何調試我的JavaScript代碼？]（http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code） – Liam

在Firefox 47中修復了此問題（請參閱bug 1252077），現在可以在您的便籤本代碼中使用debugger;語句或直接在調試器中設置斷點。至少運行腳本一次後，Scratchpad腳本的源應該出現在那裏。確保你已經打開了開發工具。

雖然Scratchpad腳本在Scratchpad中修改後沒有在「調試器」窗口中更新，但您需要先刷新您首先使用的頁面或在便籤本中使用Execute→Reload and Run，這有些尷尬。

2016-12-02 11:09:29

Scratchpad的工作原理很好，除非我不知道如何訪問它中的斷點範圍。任何人有一個想法如何做到這一點？在Firebug中是自動的。

2017-01-27 15:52:31 tqwhite

回答