因为在Firefox架构中重大变化,远程调试及标准的WebStorm本地调试都没办法在Firefox中工做。这些步骤是能够用于火狐3三、3四、及35的临时解决办法。javascript
在火狐中容许调试css
打开一个火狐浏览器,,点击在工具栏上的, 而后再点击“开发者”来打开Web开发者工具。html
从打开的文字菜单中选择切换工具箱。java
在打开的开发者工具面板中,点击在工具栏上的工具箱选项并勾选上在高级设置下的I”启用远程调试“前的选择框。web
再点一次 , 点击”开发者“, 而后点击在文本菜单中的开发者工具栏。chrome
在浏览器底部打开的控制台中输入listen <port number>。
浏览器
您能够指定任何端口号,可是建议您使用6000及更高端口。你将在后面运行的配置中指定这个端口session
建立一个 run/debug配置:架构
点击在主菜单中的 Run | Edit Configuration。或者按Shift+Alt+F10而后在弹出的菜单中选择 Edit Configuration。dom
在打开的 Edit Configuration 对话框中, 点击新增一个配置的工具栏按钮 , 而后在文字菜单中选择 Firefox Remote。 不要被远程这个技术术语误导。在这里它指的是现实的技术细节。
在打开的 Run/Debug Configuration: Firefox Remote对话框,指定应用运行的主机(这里它老是localhost)及调试器将要运行的端口它必须是你在Firefox中启用调试时指定的端口。这个的默认值是6000。
点OK来保存配置的设置。
在须要的地方设置断点。
在编辑器中或者工程工具窗口中打开带有JavaScript的HTML文件, 在Browser的上下文选择框中选择Firefox. 浏览器将会在执行代码后打显示应用,也就是说你设置的断点没有产生做用。
工具栏上的run/debug configuration下拉框中选择一个新的新建建立的配置并点击调试工具栏按钮 。 在弹出的对话框中点击肯定来容许创建链接。 从弹出的调试选择面中选出带有你的应用的页面。
在火狐中刷新带有你的应用的页面:该页面显示到第一个断点代码执行的结果。
在调试工具窗口中, 像往常同样: 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来调试