Ext.js - 调试 Ext JS 代码

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

警告框

在您想要检查流程或任何变量值的代码中放置一个警告框。例如，alert('要显示的消息' + 变量);

开发/调试工具

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

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

流行的调试器有 IE 开发工具（用于 IE）、Firebug（用于 Firefox）和 Chrome 开发工具（用于 Chrome 浏览器）。

Chrome 调试器随 Chrome 浏览器一起提供，但是 Firebug 必须单独安装，因为它不是 Firefox 的软件包。

以下链接可用于安装 Firefox 浏览器的 Firebug http://getfirebug.com

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

在调试器中调试 JS 代码

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

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

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

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

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

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

  • 现在，每当代码流到达此行时，它将中断代码并停留在那里，直到用户使用 F6 键（转到代码的下一行）、F7 键（进入函数）或 F8 键（转到下一个断点或如果没有更多断点则运行代码）运行代码，具体取决于您要调试的流程。

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

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