如何检查/研究/理解在打开的网页中运行的确切 JavaScript 代码？

Question

我希望能够检查/理解并最终更改在打开的网页中运行的 JavaScript 代码。

你知道如何在网页打开时查看当前正在运行哪些js方法并检查它们的变量吗？

我正在使用 Chrome，但我可以切换到任何其他更接近我的目标的浏览器或工具。

我尝试使用 Chrome 的 Inspect，但我没有找到可以显示 javascript 在该时刻正在做什么的部分。

Answer 1

以下是如何检查正在执行的exact javascript：

步骤：

1. 打开开发者工具：

   (Ctrl + Shift + I)

2. 转到“源”选项卡：此选项卡允许您调试 JavaScript 代码。
3. 使用调用堆栈：“调试器”选项卡右侧的“调用堆栈”面板向您显示堆栈跟踪，指示当前正在执行哪些函数。
4. 范围变量：当代码在断点处暂停时，您可以在“范围”面板中检查变量的值。

此外，您还可以通过单击源代码面板中的行号来添加断点。当代码执行到达断点时，它会暂停，允许您检查变量并单步执行代码。

Answer 2

我相信Chrome的开发者工具本身足以完成你提到的大部分事情。 右键单击网页并选择“检查”或按 Ctrl+Shift+I 打开开发人员工具。

可以通过在调试模式下设置断点来实现。您还可以实时跟踪变量，并单步执行每一行代码以查看其工作原理。

“控制台”选项卡对于调试也很有用。您可以记录变量、执行 JavaScript 代码并与页面实时交互。