2

Eclipse 是一个你喜欢它或你讨厌它的工具,用于编辑 Javascript 文件。对我来说,两者兼而有之。

无论如何,我通常更喜欢 Eclipse 的SPKET JS 编辑器插件而不是默认插件,因为对象知识包含文件代码完成等小细节。

但是,当使用Chrome Dev Tools中的 V8 调试器来处理 Node.JS 等服务器端 JavaScript 时,它会打开第三个编辑器 Chromium(来自浏览器)以进行代码单步执行。

我想要一个选项卡中的所有内容,因此我尝试使用 V8 工具中的 JS 编辑器打开我的文件,但是选项卡中的名称现在已隐藏(尝试以这种方式编辑多个文件)并且无论如何都会在调试时打开一个新文件* .

(* 注意 PHP 调试也有类似的问题,但它会从同一个 PHP 编辑器打开一个新实例)

Chromium JS 编辑器 | SPKET JS 编辑器 | Eclipse JS 编辑器 在此处输入图像描述

另外,我不知道这是特定于节点的还是特​​定于 Eclipse 的,但node --debug不接缝做任何事情,没有变量大纲,没有断点。而node --debug-brk正如预期的那样。因此,要么 Node.js 很奇怪,要么 Eclipse 很奇怪,要么我错过了重点,要么我设置了错误的调试。

谁能详细说明在 Eclipse 中调试服务器端 JS 并使用最完整的 JS 编辑器,以便:

  • JS 编辑器知道对象内部的函数和单独的文件,如 SPKET(在 Node.js 等现代实现中经常出现这种情况),但最好免费用于任何用途(如 Chromium 开发工具)
  • Eclipse 将代码和调试保留在同一个选项卡中(如果可能的话)
  • 选项卡保留文件的名称(错误或错误设置?)

我在 Ubuntu 12.04 x64 上运行带有 Google Chrome 开发工具 SDK WIP + 远程调试 + JSDT 桥的 Eclipse Indigo 3.7.2 和 - 如果相关 - 可选的 SPKET 1.6.20 IDE。

- 编辑 -

至少我知道在哪里放置断点。不在编辑器中,而是在调试器中。打开Project Explorer

窗口 -> 显示视图 -> 其他... -> 常规 -> 项目资源管理器

在项目资源管理器中 -> 选择您的调试项 -> 打开正确的 JS 文件 -> 在此处输入图像描述 这是您要添加断点的位置。

4

1 回答 1

2

默认情况下,ChromeDevTools 有自己单独的 .js 文件用于调试。如果您想让调试器单步执行您的文件,则需要进行设置: http ://code.google.com/p/chromedevtools/wiki/FeatureDebugOnRealFiles

于 2012-05-21T18:00:29.203 回答