debug idea js,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文件做好映射。

0818b9ca8b590ca3270a3433284dd417.png

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

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值