webstorm使用firefox进行本地调试

2019独角兽企业重金招聘Python工程师标准>>>

由于在Firefox架构中重大变化，远程调试及标准的WebStorm本地调试都没办法在Firefox中工作。这些步骤是可以用于火狐33、34、及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来调试

转载于:https://my.oschina.net/soarwilldo/blog/402976