在IDEA下远程调试JavaScript
在IDEA下远程调试JavaScript
在IDEA下远程调试JavaScript
+————————————————————————–+
| |
| 谈起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”下的disconnect即可，这个时候，调试的断点就不再有效，可以正常运行程序啦。\ |
| |
| \ |
| 总结：总的来说，在IDE中调试JavaScript是非常诱人的，尽管FireBug已经非常优秀啦。IDE提供了众多的特性，如导航 |
| ，代码提示等等，发现问题快速修复等，这些是FireBug所没有的，具体选择哪个方式，这里不做推荐，你自己看，不过你在做抉择之前，最好先了解一下这 |
| 种模式。 |
+————————————————————————–+
