Раньше для Mozilla была действительно классная утилита под названием FireFlow. FireFlow контролирует стек вызовов, позволяя вам точно видеть, как работает веб-страница, независимо от сложности сайта.
Эта утилита с тех пор перестала работать, потому что раньше использовала JSD, который сейчас устарел.
Общая концепция проста:
Пусть веб-сайт содержит следующее html:
<html>
<script>
function doSomething(){
logIt()
console.log("done")
}
function logIt(){
console.log("it")
}
</script>
<button onclick="doSomething()">Click me</button>
</html>
Если кнопка нажата во время работы FireFlow, я бы ожидал такой след:
call doSomething
call logIt
call console.log
call console.log
Так что я собирался создать это сам, используя Протокол Chrome Debugger и console.trace(). Однако, прежде чем я начну изобретать колесо, кто-нибудь знает, существует ли такой инструмент и работает ли он?