javascript - 使用 Google Chrome 在 WebStorm 中调试 JavaScript Angular 应用程序

Question

我正在尝试使用 Google Chrome 在 WebStorm 的 Angular 应用程序中调试一些 Controller 代码。

我的调试设置:

运行这些调试设置时:

1) Chorme 在任务栏中闪烁，就好像它正在尝试连接一样。

2) 我没有看到通常显示在页面顶部的调试选项卡(指示)(如褐色标题)

3) 在 WebStorm 的调试器窗口中，我收到以下消息

 "cannot connect , ensure that Web Inspector is closed "

此外，我还能够使用 Chrome 开发工具调试我的代码。

知道是什么干扰了 Webstorm 的调试器连接到 Chrome 吗？

Answer 1

您是否为 chrome 安装了“JetBrains IDE 支持”扩展？ 如果您的 Web 服务器在 localhost:63342 中运行，请尝试:

1. 将 URL 参数设置为 http://localhost:63342
2. 将你的 index.html 文件绑定(bind)到 http://localhost:63342/index.html

如果您有任何问题，请查看这篇文章，其中介绍了如何使用 Intellij 逐步调试 Angular: http://ignaciosuay.com/how-to-debug-angularjs-with-intellij/