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

Question

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

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

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

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

更新:我正在使用"调试器"; 现在代码中的命令,它至少比我之前使用的方式更好.来源:在代码中设置一个javascript断点 - 在chrome中？

我仍然愿意接受更好的建议,我不需要为调试目的更改代码.

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

Answer 1

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