javascript - 使用 Chrome 进行 WebStorm 调试 - 具有有用控制台和在 WebStorm 中设置断点的最佳工作流程

Question

我想要实现的主要目标是直接在 WebStorm 中设置断点，而不必再次在 Chrome 中找到它们(我目前使用警告作为最快的方式...)，不会丢失 Chrome 中的任何可用功能。

我目前正在尝试从在 Chrome 中调试 JavaScript 切换到直接在 WebStorm 中调试。我使用远程调试和 Chrome 插件对其进行了设置，效果非常好。

但是 WebStorm 中的控制台样式和选项 与我在 Chrome 中拥有的相去甚远。 console.warn 与 console.log 输出的颜色相同，我无法过滤错误或警告的输出。是否有任何插件或选项可以改善此行为，或者我是否需要坚持使用 Chrome 控制台？

如果我回退到使用 Chromes 控制台，当启动开发者工具时 JetBrains 调试插件被禁用，使得 WebStorm 中设置的断点变得无用 - 是否有更好的工作流程来两全其美?

更新:我正在使用“调试器”；命令 现在在代码中，它至少比我以前使用的要好得多。来源:Set a javascript breakpoint in code - in chrome?

我仍然愿意寻求更好的建议，我不必为了调试目的而更改代码。

/edit :这是我的控制台颜色设置和输出的屏幕截图(上面有相应的命令):

Answer 1

目前似乎没有比使用“调试器”更好的解决方案； javascript 中用于设置断点的命令(请参阅问题的评论)。这样我们就可以在代码中设置断点的同时使用出色的浏览器调试器。