javascript - 如何使用 PhpStorm 调试 JavaScript，而无需每次加载新选项卡？

Question

我已经准备好在 PhpStorm 中调试 JavaScript，但是，每次在 PhpStorm 中单击“调试”按钮都很糟糕。无论如何，也许有一个 Chrome 扩展程序，我可以使用它在浏览器中启用调试？ (就像您使用 Chrome Xdebug 帮助程序进行 Xdebug 调试一样？)

例如..我正在开发一个大型项目，需要调试 site.com/some/thing/here，PhpStorm JavaScript 调试已为我的网站 url (site .com)，我必须在 PhpStorm 中单击“调试”，然后会打开一个指向 site.com 的新 Chrome 选项卡。然后，我需要在断点触发之前导航到相关页面；我最终在 Chrome 中看到了大量的标签。这个工作流程很糟糕:(

我宁愿停留在一个选项卡中，导航到有问题的页面，启用“ Debug模式”，在 PhpStorm 中设置断点，然后执行 JS 操作或刷新页面以开始调试(就像使用Xdebug)。

我经常使用 Chrome 逐步调试器，但我真的想转而使用 PhpStorm，这样我就能够在同一位置/使用与调试 PHP 相同的工作流程设置断点并编辑代码。

有什么想法吗？建议？谢谢!!

Answer 1

在 URL 框中，只需输入您正在调试的页面的 URL(例如 http://example.com/some/thing/here )

当您单击调试按钮时，它将导航到该页面。然后您只需刷新同一页面即可