javascript - 如何使用 Chrome 开发工具调试页面中的 Javascript

Question

我正在开展一个项目，修复票证和调试等。我需要查看 Javascript 返回的内容以及它获得的值。

问题如下:

此 Javascript 位于正在显示的 jsp 文件中，因此它不在单独的文件中。因此 Chrome 开发工具不会显示它。它不允许我在 jsp 文件中放置断点。在页面本身。这样我就可以检查这些值并查看本地范围内是否一切正常。该代码不是我的，因此我希望对其进行尽可能少的更改。

现在的问题是，除了重构并将 JavaScript 放入另一个文件之外，是否还有其他方法来查看其运行时发生的情况。或者也许我只是缺少 Chrome 开发工具具有的某种功能。老实说，我对它的所有功能都没有那么丰富的经验。

提前谢谢您!如果有不清楚的地方，我很抱歉。我将对其进行编辑以使事情更清楚。如果是这样的话。

Answer 1

您想要做的是添加一个断点。这是引用: https://developers.google.com/web/tools/chrome-devtools/debug/breakpoints/add-breakpoints?hl=en

您要做的就是单击代码左侧的装订线。