javascript - 在浏览器中跟踪 Javascript 事件处理

Question

是否有浏览器可以让我跟踪 Javascript 事件的执行情况？例如，对于某个随机的在线站点，如果我单击页面某个区域中的某些内容，则会导致页面其他区域中的文本更新为一些新文本。我希望能够跟踪从单击一直到更新值所发生的情况。当我说跟踪时，我的意思是我希望浏览器告诉我处理点击的 Javascript 函数的名称(以及它位于哪个文件中)以及哪个 Javascript 函数更新页面上的值。

该解决方案必须适用于互联网上的任何随机网站。

Answer 1

在 Chrome 中，您可以使用 DEBUG 模式跟踪网站中的 js 代码。

1. 打开 Chrome。
2. 打开网站。
3. 按 F12 打开开发工具。
4. 在菜单上点击来源。现在您可以在那里看到所有 js 文件。并且有一个调试面板。您可以使用这些工具启动、更新、中断、跟踪代码行。
5. 在 js 代码面板上，您可以在行号上放置断点。
6. 按F5并刷新页面。代码将暂停，您可以跟踪 js 值。