Ext.js - 调试 Ext JS 代码

可以使用 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 操作系统中打开开发工具的快捷方式是键盘上的 F12 键。

在调试器中调试 JS 代码

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

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

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

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

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

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

  • 现在，每当代码流到达此行时，它都会中断代码并停留在那里，直到用户根据要调试的流程通过键 F6(转到代码的下一行)、F7(进入函数内部)或 F8(转到下一个断点或运行代码，如果没有更多断点)运行代码。

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

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