在Eclipse中调试JavaScript

在Eclipse中调试JavaScript,javascript,eclipse,debugging,remote-debugging,Javascript,Eclipse,Debugging,Remote Debugging,如何在Eclipse中调试JavaScript。我正在使用Eclipse3.2.1。每次我点击侧边,它都会提供添加书签的选项,但没有断点 有人能在这方面帮助我吗?我不相信Eclipse有JavaScript调试器-那些断点是用于Java代码的(我猜您正在编辑JSP文件?) 用于调试Javascript代码,这是一个优秀的附加组件,所有web开发人员都应该在他们的工具箱中使用它。Javascript是在浏览器中执行的,这与Eclipse相去甚远。Eclipse必须以某种方式连接到浏览器的JavaS

如何在Eclipse中调试JavaScript。我正在使用Eclipse3.2.1。每次我点击侧边,它都会提供添加书签的选项,但没有断点


有人能在这方面帮助我吗?

我不相信Eclipse有JavaScript调试器-那些断点是用于Java代码的(我猜您正在编辑JSP文件?)


用于调试Javascript代码,这是一个优秀的附加组件,所有web开发人员都应该在他们的工具箱中使用它。

Javascript是在浏览器中执行的,这与Eclipse相去甚远。Eclipse必须以某种方式连接到浏览器的JavaScript引擎以进行调试。因此,没有通过Eclipse对JavaScript进行内置调试,因为JS实际上并不是它的主要关注点


但是,您可以安装一些插件来进行JavaScript调试。我相信最主要的一点是。它在Eclipse中嵌入了一个Mozilla浏览器以进行调试,因此它无法处理编写JavaScript时通常会出现的跨浏览器复杂情况,但它肯定会有所帮助。

我不是100%确定,但我想让你这样做。

我试图让aptana在我的ubuntu 10.4上运行。不幸的是我没有成功。另一方面,Chrome有一个eclipse插件,可以调试在Chrome实例中运行的javascript。效果很好。 您必须安装eclipse插件,您可以在这里找到:


在eclipse中编辑的javascript源代码中设置断点,并在chrome中浏览页面。一旦遇到javascript断点,eclipse调试器就会停止,并允许您单步执行、单步执行、浏览变量等。非常好

使用浏览器支持的调试工具。如上所述 Firefox的Firebug 来自Chrome的Chrome开发工具 IE的IE开发者

这样,您就可以检测跨浏览器问题。为了帮助减少跨浏览器问题,请使用javascript框架,如jQuery、YUI、moo工具等

下面是Firebug中的屏幕截图(javascript debug.png)。
1) 点击“F12”
2) 单击“脚本”选项卡并“启用它”(如果您已经在页面上-点击“F5”重新加载)
3) 在“全部”下拉列表旁边,右侧还有另一个下拉列表。从该下拉列表中选择您的javascript文件。
在屏幕截图中,我通过“鼠标左键单击”在第42行设置了一个断点。这将使您能够中断、检查、观察等


可以通过在Eclipse中使用设置断点来调试JavaScript。

2015年,Eclipse中的JavaScript调试至少有六种选择:

  • 自Eclipse3.7以来的新版本:。孵化部分列出了支持。这意味着,可以使用Firefox+Firebug作为页面查看器,而无需任何Java代码更改
  • 自2012年10月起新增:
  • 提供JavaScript调试功能
  • 广告也有
  • 该插件与MyEclipse一样稳定,具有相同的JavaScript调试技术
除此之外,这里还有几个视频,重点介绍“使用eclipse调试JavaScript”

过时的
  • 允许使用Chrome进行调试
对于Node.js,我的公司Genuitec为其新设计(截至2015年)的

(基于eclipse,需要订阅)和(eclipse插件,目前免费)提供了一些错误修复:


您可以调试通用web应用程序和Node.js文件

有一天我会尝试Aptana,我不断听到它的好消息,这只是增加了列表。Aptana可以让你在firefox和IE(如果你为专业版付费)中调试javascript。你可能已经在Ubuntu安装中安装了OpenJDK。不支持OpenJDK。谢谢您的提示。我需要一个基于webkit的浏览器进行测试,所以Chrome就是它,我总是更喜欢EclipseIDE。它不是轻量级的,而是直观的和高度可定制的。同意firebug的优点,但它也有它的局限性。例如,我正在处理的页面上有>200个JS文件,我无法在firefox会话中保持断点,这是非常愚蠢和恼人的。除此之外,我真的很怀念Eclipse的高级功能(禁用断点、条件断点等)对firebug的极好回答!Re:“使用Firebug调试Javascript代码,这是一个优秀的附加组件,所有web开发人员都应该在他们的工具箱中使用。”-如果您正在调试为在浏览器中运行而编写的代码,则此功能有效,但如果您运行的是JS服务器端(ie),则没有帮助使用Java中的Rhino引擎。现在Firebug默认包含在的Web控制台中Firefox@user203687你可以编辑答案。我将其标记为“社区维基”,以供大家改进。我将避免使用Aptana Studio standalone,Firefox的调试器插件只能使用Firebug V8或更早版本。我一直在使用Aptana,直到我的其他一些插件只支持更新的FireBug。。。Aptana是基于Eclipse的,您仍然可以使用Eclipse的Aptana插件,IMHO是来自,Chrome开发工具项目不再积极维护。如何使用Aptana和Eclipse远程调试项目?Crossfire不再有效我认为StackOverflow规则要求您提及您是否与您推荐的产品有关联。我以为我已经使用我的个人资料图标(MyEclipse)完成了这项工作,但已将其更新为公司徽标。你说得对,我应该明确地提到这一点。我将编辑我的答案。Eclipse的Webclipse插件在Tomcat上运行的spring boot JavaEE应用程序中调试Javascript似乎工作得很好。诀窍是右键单击项目并选择Debug As>JavaEE Web应用程序中的JavaScript…它将在Chrome中打开。要定义断点,请右键单击Eclipse源代码编辑器中HTML或Javascript文件的行号栏,然后选择“切换断点”