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

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

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

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

debug idea js,IDEA调试javaScript相关推荐

asp js单步调试_如何使用Chrome的控制台高效的调试Javascript代码?
引言在我们的日常开发中我们常常会遇到JavaScript的调试问题,而我们解决问题的传统解决方案就是使用大量的console.log或者console对象的其他方法,这会给我们带来很多不便,特别是遇 ...
在html页面中的js如何调试,你可能不知道的14个JavaScript调试技巧
以更快的速度和更高的效率调试你的 JavaScript 了解你的工具可以在完成任务的过程中发挥重大作用.尽管传言 JavaScript 难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间 ...
vscode+node.js 调试js程序/edge浏览器调试javaScript/edge浏览器独立调试编辑并保存代码/浏览器内开发者工具element/console布局(focus Mode)
文章目录 declaration vscode 对于javascript的支持环境使用node.js调试纯js代码使用浏览器调试试验代码 Note! edge浏览器独立调试编辑并保存代码窗格 ...
vscode 调试参数_如何通过vscode运行调试javascript代码
初次正式要写 javascript 相关的代码,想要用 vscode 直接编译 js 代码,但是发现没有那么简单,需要配置好 launch.json 文件,现已经在vscode上编译过去并且可以调试 ...
火狐调试javascript
在csdn上看到一篇帖子. 很有用. 在火狐中困扰我大半天的js问题.找到这个. 半小时就搞定了.. .下面是原帖内容. 什么是Firebug 从事了数年的Web开发工作,越来越觉得现在对WEB开发 ...
[转] 用Firebug调试JavaScript
转载自: http://blog.csdn.net/xmphoenix/article/details/6299898 在本章里,我们将讨论Firebug提供的,以支持JavaScript的开发.调试 ...
【转】调试JavaScript 错误的解决方案
A 使用alert() 和document.write() 方法监视变量值如果要中断代码的运行,监视变量的值,则使用alert() 方法: 如果需要查看的值很多,则使用document.write ...
在Chrome 中调试Javascript
在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript. C ...
调试JavaScript/VB Script脚本程序（ASP篇）
在文章调试JavaScript/VB Script脚本程序(Wscript篇)里面,有网友问我如何调试ASP里面的脚本程序,我不知道他问得是调试ASP网页里面的VBScript ASP代码,还是ASP ...

debug idea js,IDEA调试javaScript

debug idea js,IDEA调试javaScript相关推荐

最新文章

热门文章