如何在不每次加载新选项卡的情况下使用PhpStorm调试JavaScript

我已经做好了在PhpStorm中调试JavaScript的准备，但每次在PhpSorm中单击"调试"按钮都很糟糕。有没有Chrome扩展，我可以在浏览器中使用它进行调试？（就像你在使用Chrome Xdebug助手进行Xdebug调试时一样？）

例如。。我正在做一个大型项目，需要调试site.com/some/thing/here，PhpStorm JavaScript调试是为我的网站url（site.com）设置的，我必须在PhpStork中单击"调试"，一个新的Chrome选项卡将打开到site.com。然后，在触发断点之前，我需要导航到有问题的页面；最后我在Chrome中看到了大量的标签。这个工作流程很臭：（

我宁愿呆在一个选项卡上，导航到有问题的页面，启用"调试模式"，在PhpStorm中设置断点，然后执行JS操作或刷新页面以开始调试（就像使用Xdebug一样）。

我经常使用Chrome step-through调试器，但我真的想改用PhpStorm，这样我就可以在同一个地方设置断点并编辑我的代码，使用我用来调试PHP的相同工作流。

有什么想法吗？建议？非常感谢。