在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所没有的，具体选择哪个方式，这里不做推荐，你自己看，不过你在做抉择之前，最好先了解一下这种模式。

更多评论

添加评论 (1)

 

在RubyMine下实现Rails远程调试 2009-05-16      RubyMine发布了1.0.5的版本，添加了一个Remote Debug的特性，不难理解，和Java一样，是下Ruby程序的远程调试，如 你的Rails应用跑在一台Linux服务器上，现在出现问题，你想在开发机上进行远程调试，这个特性就是Remote Debug。 要实现远程调试，首先我们需要安装一个ruby-debug-ide的gem，使用以下命令： gem install ruby-debug-ide 接下来我们要以debug模式下启动Rails应用，首先进入到rails应用目录下，然后执行以下命令：        >rdebug-ide --debug --port 1234 -- script/server    这里需要说一下，port表示调试启动的端口号，这个将来要和IDE进行通讯的，script/server，就是要执行的脚本（脚本名称前面的两个减号和空格不能少），当然也可以是普通的ruby脚本，如xxx.rb。debug监听启动后，屏幕上会打出以下信息：      Fast Debugger (ruby-debug-ide 0.4.5) listens on localhost:1234    这个时候表示debug程序已经就绪啦，等待IDE端来进行连接触发ruby脚本的运行。这里说明一下，rdebug-ide启动后，并不会马上运行脚 本，这个和Java的Remote Debug不一样。只有IDE端连接到调试端口才会触发脚本运行，这个很好理解，如你的一个脚本，打印一些信息，如果rdebug-ide启动后就允许脚 本，那么就马上退出啦，谈不上调试，所以等待IDE连接后才执行脚本是正确的。所以rdebug-ide运行后，你此刻还不能通过浏览器访问该应用。     回到RubyMine，我们点击“Run”菜单下的“Edit Configurations”选项，来创建一个运行Remote Debug的配置项，如下图：      图中的remote Root folder和local Root Folder，设置为项目的目录即可。      当你点击Debug后，你会发现服务器端的Rails程序开始运行，在控制台打出了运行的信息，这表明Rails应用已经启动。接下来就是你在程序中设置 断点，然后进行测试。最后在RubyMine中点击关闭调试，服务器端的rdebug-ide也会退出，这样我们就完成了一个调试周期。     总结： 通过RubyMine的remote debug特性，我们可以远程调试Rails应用或者ruby脚本，非常简单。 更多评论 添加评论 (0)

Google App Engine Integration介绍 2009-05-05 GAE/J在发布的时候，推出了Eclipse的Plugin，现在IDEA也有了GAE/J插件，下面我们就介绍一下如何在IDEA下使用GAE/J插件来方便我们的开发。 首先我们下载Google App Engine Integration插件，这个通过plugin manager就可以下载。IDEA重启动后，打开一个GAE/J的项目，关于如何创建GAE/J项目，请参考站点的前一篇文章。 接下来打开设置面板，在Application Servers项中添加一个Google App Engine Dev Server，如下图：    由于GAE/J项目都是Web项目，所以我们要给GAE/J的项目设置正确的Facet，这里最重要的就是Web Facet，如下图：    最后我们要创建一个运行Google App Engine Dev Server的配置项，其实就是Run菜单下的“Edit Configurations”，设置如下图：    接下来你就可以启动Dev Server，运行和调试你的GAE程序啦。   最后，你只需要点击一下Tools菜单下的“Upload App Engine Application"就可以部署啦，如下图：    总的来说，目前主要提供了运行Dev Server和上传Application，这也是最基本的功能，目前GAE/J的Maven插件也在开发中，相信在后续的插件更新中，功能会更强大。