webstorm使用firefox進行本地調試

因爲在Firefox架構中重大變化，遠程調試及標準的WebStorm本地調試都沒辦法在Firefox中工做。這些步驟是能夠用於火狐3三、3四、及35的臨時解決辦法。

1.   在火狐中容許調試

1. 打開一個火狐瀏覽器，,點擊在工具欄上的, 而後再點擊「開發者」來打開Web開發者工具。

   從打開的文字菜單中選擇切換工具箱。

2. 在打開的開發者工具面板中，點擊在工具欄上的工具箱選項並勾選上在高級設置下的I」啓用遠程調試「前的選擇框。

3. 再點一次 , 點擊」開發者「, 而後點擊在文本菜單中的開發者工具欄。

4. 在瀏覽器底部打開的控制檯中輸入listen <port number>。

   您能夠指定任何端口號，可是建議您使用6000及更高端口。你將在後面運行的配置中指定這個端口

2. 建立一個 run/debug配置:

1. 點擊在主菜單中的 Run | Edit Configuration。或者按Shift+Alt+F10而後在彈出的菜單中選擇 Edit Configuration。

2. 在打開的 Edit Configuration 對話框中, 點擊新增一個配置的工具欄按鈕  ,  而後在文字菜單中選擇 Firefox Remote。 不要被遠程這個技術術語誤導。在這裏它指的是現實的技術細節。

3. 在打開的 Run/Debug Configuration: Firefox Remote對話框，指定應用運行的主機（這裏它老是localhost）及調試器將要運行的端口它必須是你在Firefox中啓用調試時指定的端口。這個的默認值是6000。

4. 點OK來保存配置的設置。

3. 在須要的地方設置斷點。

4. 在編輯器中或者工程工具窗口中打開帶有JavaScript的HTML文件， 在Browser的上下文選擇框中選擇Firefox.             瀏覽器將會在執行代碼後打顯示應用，也就是說你設置的斷點沒有產生做用。

5. 工具欄上的run/debug configuration下拉框中選擇一個新的新建建立的配置並點擊調試工具欄按鈕 。 在彈出的對話框中點擊肯定來容許創建鏈接。 從彈出的調試選擇面中選出帶有你的應用的頁面。

6. 在火狐中刷新帶有你的應用的頁面：該頁面顯示到第一個斷點代碼執行的結果。

7. 在調試工具窗口中, 像往常同樣: step through the program, stop and resume 代碼運行, examine it when suspended, view actual HTML DOM, edit the code, 等.

英文原文：https://www.jetbrains.com/webstorm/help/debugging-javascript.html

在湖聞樟譯後注：目前來講推薦webstorm用Chrome來調試