在 Eclipse 中调试 JavaScript

Posted 2023-02-25

【中文标题】在 Eclipse 中调试 JavaScript

【英文标题】：Debug JavaScript in Eclipse

【发布时间】：2010-10-11 04:38:39

【问题描述】：

如何。我正在使用 Eclipse 3.2.1。每次我点击侧面时，它都会提供添加书签的选项，但没有断点。

有人可以帮我解决这个问题吗？

【参考方案1】：

MyEclipse（基于 eclipse，需要订阅）和 Webclipse（一个 eclipse 插件，目前免费），来自我的公司 Genuitec，新设计了（截至 2015 年）javascript debugging 内置：

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

【讨论】：

我认为 *** 规则要求您提及您是否隶属于您推荐的产品。

我以为我已经用我的个人资料图标 (MyEclipse) 做到了这一点，但已将其更新为公司徽标。你是对的，我应该明确提到这一点。我将编辑我的答案。

Eclipse 的 Webclipse 插件似乎可以很好地在运行在 Tomcat 上的 spring-boot JavaEE 应用程序中调试 Javascript。诀窍是右键单击项目并选择 Debug As > JavaEE Web application 中的 JavaScript

...它将在 Chrome 中打开。要定义断点，请右键单击 Eclipse 源代码编辑器中 html 或 Javascript 文件的行号排水沟，然后选择“Toggle Breakpoints”

【参考方案2】：

2015年，Eclipse中JavaScript调试至少有六种选择：

自 Eclipse 3.7 以来的新功能：JavaScript Development Tools debugging support。孵化部分列出了CrossFire 支持。这意味着，无需更改任何 Java 代码即可将 Firefox + Firebug 用作页面查看器。 自 2012 年 10 月以来的新功能：VJET JavaScript IDE Ajax Tools Framework Aptana 提供 JavaScript 调试功能。 广告MyEclipse IDE也有JavaScript debugging support 来自与MyEclipse相同的stable，Webclipse插件拥有相同的JavaScript调试技术。

除了上面的内容，这里还有几个视频，重点是“使用 eclipse 调试 JavaScript”

Debugging JavaScript using Eclipse and Chrome Tools Debugging JavaScript using Eclipse and CrossFire (with FB)

过时

Google Chrome Developer Tools for Java 允许使用 Chrome 进行调试。

【讨论】：

@user203687 你可以编辑答案。我将其标记为“社区 wiki”，以便大家对其进行改进。

我会避免单独使用 Aptana Studio，Firefox 的调试器插件只能使用 Firebug V8 或更早版本。我一直在使用 Aptana，直到我的一些其他插件只支持更新的 FireBug...

来自code.google.com/p/chromedevtools，Chrome Dev Tools 项目不再积极维护。

如何使用 Aptana 和 Eclipse 远程调试项目？

交火不再有效***.com/questions/28574350/…

【参考方案3】：

使用浏览器支持的调试工具。正如刚才提到的 火狐的萤火虫 来自 Chrome 的 Chrome 开发者工具 IE 的 IE 开发人员。

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

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

【参考方案4】：

对于 Node.js，有 Nodeclipse 0.2 和一些针对 chromedevtools 的错误修复

【参考方案5】：

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

【参考方案6】：

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

http://code.google.com/p/chromedevtools/

在您在 eclipse 中编辑的 javascript 源代码中设置断点，并在 chrome 中浏览您的页面。一旦遇到 javascript 断点，eclipse 调试器就会停止，让您进入、跳过、浏览变量等。非常好！

【讨论】：

您可能已经随 Ubuntu 安装一起安装了 OpenJDK。不支持 OpenJDK。

感谢您的提示。我需要一个基于 webkit 的浏览器来进行测试，所以它就是 Chrome，我总是更喜欢 Eclipse IDE。它不是轻量级的，但它直观且高度可定制。

【参考方案7】：

我不是 100% 确定，但我认为 Aptana 让你这样做。

【讨论】：

有时间我将不得不尝试 Aptana，我不断听到关于它的好消息，这只是添加到列表中。

+1。 Aptana 将允许您在 Firefox 和（如果您为专业版付费）IE 中调试 javascript。

【参考方案8】：

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

但是，您可以安装一些插件来进行 JavaScript 调试。我相信主要的是AJAX Toolkit Framework (ATF)。它在 Eclipse 中嵌入了一个 Mozilla 浏览器以进行调试，因此它无法处理编写 JavaScript 时通常出现的跨浏览器并发症，但它肯定会有所帮助。

【参考方案9】：

我不相信 Eclipse 有 JavaScript 调试器 - 这些断点是针对 Java 代码的（我猜你正在编辑 JSP 文件？）

使用Firebug 调试 Javascript 代码，这是一个优秀的插件，所有 Web 开发人员都应该在他们的工具箱中拥有。

【讨论】：

同意firebug的优点，但它有它的局限性。例如。我正在处理的页面有超过 200 个 JS 文件，而且我无法在我的 Firefox 会话中保留断点，这非常愚蠢和烦人。除此之外，我真的很怀念 Eclipse 的高级功能（禁用断点、条件断点……）

萤火虫的优秀答案！

回复：“使用 Firebug 来调试 Javascript 代码，它是一个优秀的插件，所有 Web 开发人员都应该在他们的工具箱中拥有它。” - 如果您正在调试为在浏览器中运行而编写的代码，则此方法有效，但如果您正在运行 JS 服务器端（即使用 Java 中的 Rhino 引擎）则无济于事。

现在 Firebug 默认包含在 Firefox 的 Web 控制台中