Ext.js - 调试 Ext JS 代码

---

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

警报箱

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

开发/调试工具

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

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（转到根据您要调试的流程，移动到下一个断点或运行代码（如果没有更多断点）。

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

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