JavaScript：如何找出在事件中调用哪些函数？

我有一个问题，有一个网站的JS代码负载。当我单击某个元素时，会调用一些函数。如何找出哪些函数（以及在哪些文件中）

例如，有这样的东西

$( document ).ready(function() {
   $("a").on('click', function() { $('c').css('opacity', '0.8'); });
   $("ul#main li a").on('click', function() { $('c').toggle('.menu'); });
   $("nav a").on('click', function() { callSomeFunctions(); });
});

<nav><ul><li><a href="#">click</a></li></ul></nav>

然后我有一份这样的菜单

$( document ).ready(function() {
   $("a").on('click', function() { $('c').css('opacity', '0.8'); });
   $("ul#main li a").on('click', function() { $('c').toggle('.menu'); });
   $("nav a").on('click', function() { callSomeFunctions(); });
});

<nav><ul><li><a href="#">click</a></li></ul></nav>

我怎样才能知道上面的3行是执行的

---

谢谢

我总是使用这个工具来查看哪些事件链接到DOM元素

有很多方法。但作为初学者，我只想在每个函数中添加警报：

$( document ).ready(function() {
   $("a").on('click', function() { $('c').css('opacity', '0.8'); alert('inside first'); });
   $("ul#main li a").on('click', function() { $('c').toggle('.menu');  alert('inside first');      });
   $("nav a").on('click', function() { callSomeFunctions(); alert('inside first'); });
});

此外，工作链接：