如何找到在单击HTML中的锚时调用的Javascript函数

Question

我只是想知道Twitter，当您点击推文的“重播”时，会调用什么前端函数。我检查了Chrome中的元素，它似乎是href =“＃”的锚点，所以我猜想有一些Javascript函数与该锚点的onclick事件关联。只是想知道如何找出哪个函数被调用，以及该函数的源代码在哪里。

这里是 “重播” 在Twitter上

<a class="with-icn js-action-reply" data-modal="tweet-reply" href="#" title="Reply"> 
<i class="sm-reply"></i> 
<b>Reply</b> 
</a> 

感谢很多的代码部分。

Answer 1

他们的脚本已经过压缩，所以它是一种不可能看。但是有两件事情可以做：

• 使用Chrome的事件监听器断点打入调试器，当你点击回复链接
• 像MrOBrian说：搜索自己的脚本JS-行动答复

Answer 2

您可以使用data('events')，请尝试以下操作：

console.log($('.js-action-reply').data('events')) 

Answer 3

你需要在Chrome中内置的 '剖析' 选项卡。

你可以用它做什么： 1）你可以选择时间边界来查看函数调用。 如果你点击一个函数名，chrome会直接将你带到函数的主体！ 火焰图解释：https://www.youtube.com/watch?v=g0g4ML4nhPg

Flame chart screenshot