谈起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文件做好映射。

你点击Debug按钮后，IDEA就会打开一个FireFox，然后定位到你之前设定的URL地址，接下你在IDE工具中设定断点，当JS文件运行到断点时，就会被IDEA捕获，你就可以看到调试信息。

如果你不想为该URL进行远程调试，只需点击firefox中"Tools“菜单下的"JS Debugger"下的disconnect即可，这个时候，调试的断点就不再有效，可以正常运行程序啦。

总的来说，在IDE中调试JavaScript是非常诱人的，尽管FireBug已经非常优秀啦。IDE提供了众多的特性，如导航，代码提示等等，发现问题快速修复等，这些是FireBug所没有的，具体选择哪个方式，这里不做推荐，你自己看，不过你在做抉择之前，最好先了解一下这种模式。