追踪Javascript代码的最佳方式

Best way to trace Javascript code

本文关键字:最佳 方式 代码 Javascript 追踪      更新时间:2023-09-26

使用任何工具调试Javascript代码的最佳方法是什么。。也就是说,我想知道什么时候点击了一个按钮,所有JS代码都执行了什么。。。

我想在Firefox和Safari中进行测试。。已经尝试过Firebug,但想知道是否有更好的方法。。

更重要的是,我想知道"如何"调试代码?

此外,当我说按下按钮时,是否可以打印被调用的完整JS代码?

我总是使用Google Chrome中的集成web检查器工具(右键单击,Inspect元素)。它对我来说运行得很好,并且具有我需要的所有功能。

这篇文章使用FireFox的FireBug和jQuery,可能会帮助您检测和捕获绑定到按钮的所有事件,这样您就可以在单击按钮时知道运行了什么JS代码:

如何使用Firebug(或类似工具)调试JavaScript/jQuery事件绑定

Chrome开发者控制台+Firefox Firebug(以及IE中的Firebug Lite),但也可以查看Visual Event,这是一个小书签,可以向您展示页面元素附带的事件的高度可视化概述。

好吧,我认为最好的方法是使用Visual Studio并将其与Internet Explorer挂钩。正如许多其他人所指出的,浏览器内置工具非常棒,但visualstudio允许您使用相同的应用程序调试javascript代码并对其进行编辑。缺点是你必须使用Internet Explorer,但就我个人而言,我觉得这不是一个大问题。

Chrome开发人员控制台+Firefox Firebug