如何在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-action-reply

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