在 PhpStorm 中的 JavaScript 第一行中断答案

【问题标题】：Break at first line for JavaScript in PhpStorm在 PhpStorm 中的 JavaScript 第一行中断
【发布时间】：2016-06-21 08:56:27
【问题描述】：

我正在尝试找出 JS 意大利面条代码中某些动作发生的位置。

我设置并运行了 JetBrains IDE 支持插件，它对我定义的每个断点都有很好的反应。但我希望它做的是当我点击一个按钮或执行任何其他涉及一些 JS 处理的事情时，在 JavaScript 代码的第一行中断/停止。

如果这不可能，那么我在网站上执行某些操作后如何弄清楚调用了什么？

【问题讨论】：

这几乎无法回答.. 什么样的 javascript ？基于网络 ?您可以打开 chrome 控制台并点击 (f8) 例如 break-all.. 您到底是什么意思？ break/stop at the first line of javascript code when I click on a button or do anything else that involves some JS processing 为什么不添加断点？ Chrome 的开发者控制台将向您显示堆栈跟踪，并向您显示网络请求等。
我不确定 PHP Storm 是如何与浏览器集成的，但我使用 Chrome 及其开发人员工具来调试 JS。像魅力一样工作。
我会尝试使用浏览器脚本控制台并在需要的地方添加断点。这样您就可以显示当前变量值，甚至可以管理它们
我知道这些工具，但就像我之前所说的那样，代码完全是一团糟。因此，我正在寻找一种在触发操作时在第一行 JavaScript 停止执行的方法。

标签： javascript debugging phpstorm webstorm

【解决方案1】：

如果你不知道在哪里设置断点，你可以尝试一些不同的方法来使用 spy-js 进行调试。您需要在 PhpStorm 首选项中安装 spy-js 插件。它跟踪您的应用程序并显示所有触发的事件。这可能会帮助您了解可以在哪里放置断点。你可以在这里找到更多关于 spy-js 的信息：https://blog.jetbrains.com/webstorm/2014/04/spy-js-webstorm-secret-service/

【讨论】：

【解决方案2】：

您可以在 devtools 上使用此 free codeschool course 来提高您在调试方面的知识。它是免费的，只需几个小时。

【讨论】：