如何在不加载新标签的情况下使用PhpStorm调试JavaScript?

时间:2015-11-12 18:28:33

标签: javascript google-chrome debugging phpstorm webstorm

我已经设置好在PhpStorm中调试JavaScript,但是,每次发臭都会点击PhpStorm中的“Debug”按钮。无论如何,我可以使用Chrome扩展程序在浏览器中启用调试吗? (就像你在使用Chrome Xdebug助手进行Xdebug调试时那样?)

例如..我正在开发一个大型项目,需要调试site.com/some/thing/here,我的网站url(site.com)设置了PhpStorm JavaScript调试,我必须点击'Debug'进入PhpStorm和新的Chrome标签页将打开site.com。然后,我需要在断点触发之前导航到相关页面;我最终在Chrome中有大量标签。那个工作流很臭:(

我宁愿留在一个标签页,导航到相关页面,启用'调试模式',在PhpStorm中设置断点,然后执行JS操作或刷新页面以开始调试(就像你一样Xdebug的)。

我经常使用Chrome逐步调试器,但我真的想转向使用PhpStorm,这样我就可以设置断点并在同一个地方编辑我的代码/使用我用来调试PHP的相同工作流程。

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

1 个答案:

答案 0 :(得分:1)

在“网址”框中,只需输入您正在调试的网页的网址(例如http://example.com/some/thing/here

单击调试按钮时,它将导航到该页面。然后,您可以刷新同一页