javascript - 如何在 Chrome 中找到调用方法的位置？

Question

我想调试一个网站。 http://www.mapcrunch.com/我想看看 javascript 在哪里 Hook 到中间的巨大 GO 按钮。

到目前为止，通过检查我发现的元素:

<button id="gobutton" class="button" style="display:none;" title="Click to go!">
   <span>Go!</span>
</button>

当我点击按钮时，在“网络” View 中，我发现它调用了。 http://www.mapcrunch.com/json/rand.php?c=35&d=0但是我找不到实际调用的位置。我想找到发出此请求的函数或行。有没有办法在 Chrome 中做到这一点？

Answer 1

假设单击“开始”按钮更改了 DOM，您可以右键单击开发工具中的 HTML 标记，然后单击“Break on... Subtree modification”。然后单击开始按钮。这将暂停正在执行的 javascript。