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

2023-12-21

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

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

But the WebStorm 中的控制台样式和选项与我在 Chrome 中所拥有的相距甚远。console.warn 与 console.log 输出的颜色相同,我无法过滤错误或警告的输出。在那儿任何插件或选项要改善这种行为还是我需要坚持使用 Chrome 控制台?

如果我重新使用 Chrome 控制台,启动开发工具时 JetBrains 调试插件将被禁用,从而使 WebStorm 中设置的断点变得无用 -有没有更好的工作流程可以两全其美?

Update: 我正在使用“调试器;”命令在目前的代码中,它至少比我以前使用的要好得多。来源 :在代码中设置 javascript 断点 - 在 chrome 中? https://stackoverflow.com/questions/10050465/set-a-javascript-breakpoint-in-code-in-chrome

我仍然愿意寻求更好的建议,而无需出于调试目的而更改代码。

/edit : Here is a screenshot of my console color setup and outputs (with the corresponding commands above them) : enter image description here


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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐