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

Question

我想要实现的主要功能是直接在WebStorm中设置断点，而不必再次在Chrome中找到它们（我目前以最快的方式发出警告......），不会丢失Chrome中的任何功能。

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

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

如果我回到使用Chromes控制台，在启动开发人员工具时JetBrains调试插件被禁用，使得在WebStorm中设置的断点无用 - 是否有更好的工作流程来充分利用这两个世界

更新：我正在使用＆＃34;调试程序;＆＃34;现在代码中的命令，它至少比我之前使用的方式更好。资料来源：Set a javascript breakpoint in code - in chrome?

我仍然愿意接受更好的建议，我不必更改代码以进行调试。

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

Answer 1

目前似乎没有比使用“调试器”更好的解决方案了。用于设置断点的javascript命令（请参阅问题的注释）。这样我们就可以在代码中设置断点时使用优秀的浏览器调试器。