Javascript 实时调试web客户端

Javascript 实时调试web客户端,javascript,html,debugging,Javascript,Html,Debugging,我可以检查源代码并检查javascript代码,但我想知道如何根据时间检查正在执行的代码段。例如,如果在访问一个站点5秒钟后调用myfunction(),我想要一个记录 换言之:我想实时调试/检查以了解执行的代码取决于我单击的位置或我执行的操作,我想检查所有附加的功能。有许多工具用于此,例如,在Chrome的开发者工具中,您可以转到时间线选项卡并点击记录按钮 停止录制后,它将显示正在执行的内容、当时的内存堆栈等。Firebug?WebInspector?听起来你只是想记录发生的事件。比如cons

我可以检查源代码并检查javascript代码,但我想知道如何根据时间检查正在执行的代码段。例如,如果在访问一个站点5秒钟后调用myfunction(),我想要一个记录


换言之:我想实时调试/检查以了解执行的代码取决于我单击的位置或我执行的操作,我想检查所有附加的功能。

有许多工具用于此,例如,在Chrome的开发者工具中,您可以转到时间线选项卡并点击记录按钮


停止录制后,它将显示正在执行的内容、当时的内存堆栈等。

Firebug?WebInspector?听起来你只是想记录发生的事件。比如console.log(“事件发生”)并使用window.setTimeout()do console.log(“在函数1中调用”)项目太大了,现在没有时间开始执行console.log许多图形条,但甚至没有代码痕迹,我还要求实时不按record,什么也看不到=)你必须再次按它停止录制,然后你会看到从按record到停止录制的那一刻发生了什么。尝试点击record,在页面上做一些事情,然后再次按record(现在会是红色)停止录制,然后你会看到你正在寻找的细节。它确实会实时录制,但你不能使用timeline来实时查看,因为生成正在发生的事情的漂亮图表的代码是在你停止录制后生成的。它非常健壮,如果您不愿意像其他用户建议的那样附加控制台日志或其他分析代码,那么它可能是您的最佳选择。