使用 Chrome 进行 WebStorm 调试 - 具有有用控制台和在 WebStorm 中设置断点的最佳工作流
WebStorm debugging with Chrome - best Workflow with useful console and setting breakpoints in WebStorm
我想要实现的主要目标是直接在 WebStorm 中设置断点，而不必再次在 Chrome 中找到它们（我目前使用警告作为最快的方法...), 不会丢失 Chrome.
中可用的任何功能
我目前正在尝试从 Chrome 中的调试 JavaScript 切换到直接在 WebStorm 中进行调试。我使用 Remote Debugging 和 Chrome-plugin 对其进行了设置，效果非常好。
但是 WebStorm 中的控制台样式和选项与我在 Chrome 中的相差甚远。 console.warn 与 console.log 输出的颜色相同，我无法过滤 错误或警告的输出。是否有 任何插件或选项 来改进此行为，或者我是否需要坚持使用 Chrome 控制台？
如果我退回到使用 Chromes 控制台，当启动开发者工具时 JetBrains 调试插件被禁用，使得 WebStorm 中设置的断点变得无用 - 是否有更好的工作流程两全其美?
Update ：我现在在代码中使用 "debugger;" 命令，它至少比我以前用过的。资料来源：Set a javascript breakpoint in code - in chrome?
我仍然愿意寻求更好的建议，我不必为了调试目的而更改代码。
/edit：这是我的控制台颜色设置和输出的屏幕截图（上面有相应的命令）：
目前似乎没有比在 javascript 中使用 "debugger;" 命令设置断点更好的解决方案（参见问题的评论）。这样我们就可以在代码中设置断点的同时使用出色的浏览器调试器。
我想要实现的主要目标是直接在 WebStorm 中设置断点，而不必再次在 Chrome 中找到它们（我目前使用警告作为最快的方法...), 不会丢失 Chrome.
中可用的任何功能我目前正在尝试从 Chrome 中的调试 JavaScript 切换到直接在 WebStorm 中进行调试。我使用 Remote Debugging 和 Chrome-plugin 对其进行了设置，效果非常好。
但是 WebStorm 中的控制台样式和选项与我在 Chrome 中的相差甚远。 console.warn 与 console.log 输出的颜色相同，我无法过滤 错误或警告的输出。是否有 任何插件或选项 来改进此行为，或者我是否需要坚持使用 Chrome 控制台？
如果我退回到使用 Chromes 控制台，当启动开发者工具时 JetBrains 调试插件被禁用，使得 WebStorm 中设置的断点变得无用 - 是否有更好的工作流程两全其美?
Update ：我现在在代码中使用 "debugger;" 命令，它至少比我以前用过的。资料来源：Set a javascript breakpoint in code - in chrome?
我仍然愿意寻求更好的建议，我不必为了调试目的而更改代码。
/edit：这是我的控制台颜色设置和输出的屏幕截图（上面有相应的命令）：
目前似乎没有比在 javascript 中使用 "debugger;" 命令设置断点更好的解决方案（参见问题的评论）。这样我们就可以在代码中设置断点的同时使用出色的浏览器调试器。