Показать, какие функции были вызваны в Javascript

Question

Мне это нужно, потому что я часто работаю над существующими проектами, и мне нужно врезаться прямо в чью-то чужую работу. Сейчас, когда у меня мало времени, я ищу какой-нибудь инструмент для этого:

1. Загрузка приложения JS
2. Старт / Пауза записи активности
3. Покажите мне, что именно произошло, в виде функций, которые были вызваны, не требуя от меня изменения исходного кода.

Например:

<script language="javascript">
var fn1 = function(strvar){ alert('var='+strvar); fn2(strvar); }
var fn2 = function(strvar2){ alert('var='+strvar2); }
</script>
<a href="javascript:fn1(this.innerHTML);">click here</a>

После того, как я нажму на якорь, (в лучшем случае) должно получиться что-то вроде этого:

1. (щелчок) событие на
2. (вызов) fn1 ("нажмите здесь")
3. (вызов) fn2 ("нажмите здесь") изнутри fn1 вызывается в pct. 2 * * тысяча двадцать-один

Какая-то трассировка стека, но без необходимости изменять источник, потому что это требует огромного времени, как есть.

Answer 1

Если вы напишите

debugger;

в самой внутренней функции, вы можете открыть firebug или инструменты chrome dev, и их отладчик остановится, когда он достигнет этой строки.Затем в разделе справа от инструментов вы можете увидеть трассировку стека и другие соответствующие данные (локальные и т. Д.).

Вам нужно добавить только одну строку к вашей функции, и онапокажет вам любые звонки, сделанные с чьим-либо кодом.