📜  Ext.js-调试Ext JS代码

📅  最后修改于: 2020-10-25 11:19:33             🧑  作者: Mango


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

警报框

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

开发/调试工具

对于任何开发人员来说,调试器都是最重要的工具,可在开发过程中检查代码中的问题和错误。

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

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

Chrome调试器是Chrome浏览器随附的,但是,firebug必须专门安装,因为它不是与firefox一起提供的。

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

在Windows OS中打开开发工具的快捷方式是F12键盘键。

在调试器中调试JS代码

有两种调试JavaScript代码的方法。

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

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

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

    • 现在,在要调试的行上放置一个断点。

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

    • 现在,只要代码流到达此行,它将破坏代码并停留在那里,直到用户通过键F6(转到代码的下一行),F7(转到函数内部)或F8(转到到下一个断点或运行代码(如果没有更多的断点),则基于您要调试的流。

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

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