2012-11-14 38 views
2

有一个我想调试的网站。 http://www.mapcrunch.com/我想看看JavaScript钩入中间巨大的GO按钮的位置。如何在Chrome中查找方法的调用方式?

到目前为止,通过检查元素,我发现这一点:

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

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

+1

您可以指示Chrome“破解”执行代码当一个元素被修改/属性改变http://stackoverflow.com/questions/13334709/how -to-debug-a-specific-javascript-click-event/13335076#13335076 – lostsource

+0

这是一个非答案,但你总是可以猜测。你知道元素ID,并且你有[js文件](http://www.mapcrunch.com/js/maps.min.js?v=14)。 –

回答

2

假设在点击go按钮时DOM被修改,您可以右键单击开发工具中的HTML标记,然后单击“Break on ... Subtree修改”。然后点击开始按钮。这会暂停执行的JavaScript。

1

解压缩JS file从网站,并搜索#gobutton

+0

这也适用。我发现在设置中启用“在内容脚本中搜索”选项会在所有js文件中进行全局搜索。 – siamii

相关问题