监视哪个javascript变量在用户操作上发生变化

Question

我有一个大型的现有网络应用，其中包含很多我没有编写的JavaScript。

在此Web应用程序上，在浏览器中执行用户操作（单击链接）。

我需要查看单击哪个变量。

在开发工具中的源代码中使用监视窗格是无效的，因为有成千上万个变量，我需要找到一个可以更改的变量。我不想查看所有变量，仅查看已更改的变量。该脚本非常大且复杂，跟随事件侦听器可能不可行。

Answer 1

如果您使用的是Google Chrome浏览器，则可以使用devtools，然后转到“源”面板。然后，如果您在右侧查看，将看到带有“监视”，“调用堆栈”等的列...展开“事件侦听器断点”部分，然后是“鼠标”类别，然后单击“单击”。复选框。

现在，Chrome将在点击监听器上中断（启动调试会话）。现在，您可以逐步查看所有变量修改及其值。