RubyMine 2025.2 Help

配置 JavaScript 调试器

RubyMine 为您的 client-side JavaScript 代码提供内置调试器。 内置调试器会在您 启动调试会话时自动启动。

为了确保调试成功,您只需指定内置 web 服务器端口并接受 RubyMine 为其他调试器选项建议的默认设置。

开始之前

  1. 请确保在设置中启用了捆绑的 JavaScript 和 TypeScript 插件。 按 Ctrl+Alt+S 打开设置,然后选择 Plugins。 请点击 已安装 选项卡。 在搜索字段中,键入 JavaScript and TypeScript。 有关插件的更多信息,请参阅 插件管理

  2. 请确保在设置中启用了捆绑的 JavaScript Debugger 插件。 按 Ctrl+Alt+S 打开设置,然后选择 Plugins。 请点击 已安装 选项卡。 在搜索字段中,输入 JavaScript Debugger。 有关插件的更多信息,请参阅 插件管理

捆绑插件:JavaScript 和 TypeScript,JavaScript 调试器

设置内置 web 服务器端口

RubyMine 具有内置的 Web 服务器,可用于在 Web 浏览器中调试您的应用程序或在 RubyMine 内置浏览器中预览您的代码。 此服务器始终运行,不需要任何手动配置。 了解更多信息,请参阅 在内置服务器上运行的应用程序的调试

  1. Ctrl+Alt+S 打开设置,然后选择 工具 | Web Browsers 和预览

  2. 内置服务器 区域,指定内置 web 服务器运行的端口。 默认情况下,此端口设置为默认的 RubyMine 端口 63342 ,RubyMine 通过该端口接受来自服务的连接。 您可以将端口号设置为从 1024 开始的任何其他值。

    内置服务器端口

自定义默认调试器配置

抑制调用

  1. Ctrl+Alt+S 打开设置并导航到 生成、执行、部署 | 调试器

  2. 通过清除 可接受外部连接(E)允许未签名的请求(A) 复选框,分别抑制来自其他计算机或 RubyMine 外部的对内置服务器文件的调用。

    抑制外部调用

选择删除断点的方式

默认情况下,您可以通过点击鼠标左键切换断点。 要更改此行为:

  1. Ctrl+Alt+S 打开设置并导航到 生成、执行、部署 | 调试器

  2. 移除断点 区域中,选择适当的选项。

    移除断点

高级选项

  • Ctrl+Alt+S 打开设置并导航到 生成、执行、部署 | 调试器 | 数据视图

    启用或禁用 内联调试 ,指定何时希望看到带有对象值的工具提示和 表达式评估结果等。

    JavaScript 调试器:数据视图
  • Ctrl+Alt+S 打开设置并导航到 生成、执行、部署 | 调试器 | 数据视图 | JavaScript

    指定是否希望在对象节点中显示对象属性。 如果是这样,指定属性。 请使用 来管理属性列表。

    对象节点上显示的属性

使用您偏好的 Chrome 用户数据启动调试会话

您可能会注意到,调试会话在一个新窗口中启动,使用的是自定义的 Chrome user data ,而不是您平时使用的那一个。 因此,窗口看起来很不寻常,例如您的书签、浏览器历史记录和扩展都消失了,这会完全破坏您的开发体验。 因为 RubyMine 使用 Chrome 调试协议 并使用 --remote-debugging-port 选项运行 Chrome。 但是,如果 Chrome 已经启动,就无法为使用相同用户数据目录的任何新建或已有 Chrome 实例打开调试端口。 因此,RubyMine 总是在一个带有自定义用户数据目录的新窗口中启动调试会话。

要打开具有熟悉外观的新 Chrome 实例,请在 RubyMine 中配置 Chrome,使之使用您的用户数据目录启动。

自定义 Chrome 用户数据

在 RubyMine 中配置 Chrome 以使用您偏好的 Chrome 用户数据启动

  1. 将您偏好的 Chrome user data 保存在计算机上的一个 不同于 Chrome default user data directory 的独立自定义目录 中。

    您需要将偏好的用户数据保存在一个独立的自定义目录中,因为从 Chrome 136 开始,默认用户目录不再支持调试。 从 Chrome 官方网站 了解更多信息。

  2. Ctrl+Alt+S 打开设置,然后选择 工具 | Web Browsers 和预览

  3. 要创建新的 Chrome 配置,请点击 Add。 列表中出现了一个新项。 在 Path 字段中,指定 Chrome 安装文件夹的路径。

  4. 选择新配置并点击 编辑 按钮(编辑)。

  5. Chrome 设置 对话框中,选中 使用自定义用户数据目录(U) 复选框并指定包含您偏好用户数据的自定义目录路径。

    如果您有多个 用户数据配置文件 ,它们中的每一个都存储在一个单独的子目录中。 如需使用某个配置文件,请在 命令行选项 字段中按以下格式指定:

    --profile-directory="<profile_to_use>"
    指定自定义配置文件子目录
  6. 请按照 Web Browsers中描述的将您的Chrome浏览器配置标记为 default。 请不要忘记从 浏览器 列表中选择必要的浏览器在 创建运行/调试配置 时。

最后修改日期: 2025年 9月 26日