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文件作好映射。工具

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

若是你不想为该URL进行远程调试,只需点击firefox中"Tools“菜单下的"JS Debugger"下的disconnect便可,这个时候,调试的断点就再也不有效,能够正常运行程序啦。插件

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

相关文章
相关标签/搜索