当前位置: 首页 > 文档资料 > ExtJS 入门教程 >

调试代码(Debugging Code)

优质
小牛编辑
125浏览
2023-12-01

可以使用alert()框或console.log()或调试器中的调试指针调试任何JavaScript代码。

警报框

在要检查流或任何变量值的代码中放置一个警告框。 例如,alert('message to show'+ variable);

Development/Debugging Tool

调试器是任何开发人员在开发时检查代码中的问题和错误的最重要工具。

Ext JS是一个JavaScript框架,因此可以使用由不同浏览器提供或特定于不同浏览器的开发人员工具轻松调试它。 所有主流浏览器都有可用于测试和调试JavaScript代码的开发人员工具。

流行的调试器是IE的IE开发工具,firefox的firebug和Chrome浏览器的chrome开发工具。

Chrome调试器附带Chrome浏览器,但是必须专门安装firebug,因为它不是带有firefox的软件包。

这是为firefox浏览器http://getfirebug.com安装firebug的链接

在Windows操作系统中打开开发工具的快捷方式是F12键盘键。

在调试器中调试JS代码

有两种方法可以调试JavaScript代码。

  • 第一种方法是在代码中放置console.log()并查看日志的值,该值将打印在开发工具的控制台中。

  • 第二种方法是在开发工具中使用断点。 以下是这个过程。

    • 在脚本标记下的所有可用脚本中打开该文件。

    • 现在将断点放在要调试的行上。

    • 在浏览器中运行该应用程序。

    • 现在,只要代码流到达此行,它就会破坏代码并保持不变,直到用户通过键F6(转到代码的下一行),F7(进入函数内部)或F8(运行代码)运行代码。根据您要调试的流,到下一个断点或运行代码(如果没有断点)。

    • 您可以选择要查看其值的变量或函数。

    • 您可以使用控制台检查值或检查浏览器本身的某些更改。