在IDEA下远程调试JavaScript

最新推荐文章于 2023-12-20 14:45:52 发布

liulin_good

最新推荐文章于 2023-12-20 14:45:52 发布

阅读量1w

点赞数

分类专栏： Test 文章标签： javascript idea rubymine firebug 脚本 rails

本文链接：https://blog.csdn.net/liulin_good/article/details/6188831

版权

本文介绍了如何在IntelliJ IDEA下进行远程调试JavaScript，使用由IDEA开发工程师为Firefox开发的插件。首先安装JBExtension.xpi插件，然后创建JavaScript运行配置，设置网络URL实现远程和本地JS映射。尽管FireBug强大，但IDEA的调试功能如导航、代码提示和问题修复等提供了更多便利。

摘要由CSDN通过智能技术生成

谈起JavaScript调试，大家可能想到的就是FireFox下的FireBug，这毫无疑问，FireBug基本已经成为JavaScript开发人员的必备工具。在本文中，将向大家介绍如何在IDEA下远程调试JavaScript，毕竟能在IDE工具中直接设置断点，进行调试，这还是非常诱人的。
       首先我们要给FireFox安装一个插件，该插件由IntelliJ IDEA的开发工程师开发，安装目录为%IDEA_HOME%/plugins/JavaScriptDebugger/firefox目录下，你只需拖动JBExtension.xpi文件到FireFox窗口即可完成安装。IDEA还会在调试JavaScript时自动安装，所以你不安装也不会有问题，如下图：

      接下来我们需要在IDEA中创建一个调试JavaScript的运行配置(run configuration)，这样我们就可以启动JavaScript的调试器。这里要说明的是，你需要给相关的js设置网络URL，这样就可以在远程 JS和本地JS文件做好映射。这里要说明的一下：IDEA 9.0M1有一个bug，你不要选中'Make‘选项，这个bug很快就会修复。如下图：

     你点击Debug按钮后，IDEA就会打开一个FireFox，然后定位到你之前设定的URL地址，接下你在IDE工具中设定断点，当JS文件运行到断点时，就会被IDEA捕获，你就可以看到调试信息，当前IDEA仅仅支持纯js文件的调试，还不支持inline方式的js，这个要注意一下。

     如果你不想为该URL进行远程调试，只需点击"Tools“菜单下的"JS Debugger