使用 console.log() 调试 ExtJS 4答案

【问题标题】：Debugging ExtJS 4 using console.log()使用 console.log() 调试 ExtJS 4
【发布时间】：2012-07-03 15:23:37
【问题描述】：

我对 ExtJS 非常陌生，并且仍在阅读 Sencha 网站中的文档。我在 ExtJS4 中看到很多 examples 使用 console.log() 进行调试。但是我不知道如何处理console.log()。

我正在使用 Aptana Studio 3 进行开发，我认为 Aptana 不能运行 console.log()（如果我错了，请纠正我）。那么我们需要在Firebug中调试它吗？那么如何将 ext-all.js、ext-debug.js 等脚本文件合并到 Firebug 中呢？

【问题讨论】：

使用它们时要小心，因为如果它们留在里面会破坏 IE。如果您计划使用 ExtJS 部署应用程序，请像 // 控制台一样包装所有 console.log 输出。日志（'测试'）； // 这样，当你使用 Sencha SDK Tools 缩小你的应用程序时，你就不必手动删除所有的 console.log 条目来使 IE 工作
或者在你的 app.js 主文件中包含如下代码：if (typeof console === "undefined") { console = { log: function () { }, info: function () { }, warn: function () { }, error: function () { } }; }

【解决方案1】：

没错，您的脚本输出的console.log() 会进入您正在使用的任何浏览器（例如，Firefox 的 Firebug）的开发人员工具的控制台窗口。浏览器开发者工具从浏览器的同一个地方提取脚本文件；即，但是您将它们加载到您的网页中。

【讨论】：

谢谢，所以我实际上必须创建一个 HTML 标记来包装脚本，并在浏览器（比如 Firefox）中呈现 HTML，然后我可以在 Firebug 中查看控制台输出？
不，我的意思是为您的应用程序加载这些脚本的网页也让 Firebug 可以使用它们。您不需要专门为 Firebug 做任何事情。
是的，渲染页面时会加载脚本。假设我有一个独立的.js 文件：var a = "my string"; console.log(a); 如何在 Firebug 或其他任何地方看到输出。（注意：我不是在 Firebug 控制台中输入这个，我只是想运行 js 文件并在控制台中查看输出）。如果有时间请看一下这个link，他们如何输出console.log() 内容。谢谢
您必须创建一个简单的 HTML 文件来加载该脚本，然后在 Firefox 中打开该 HTML 文件。
谢谢这工作正常！我遇到了 ExtJS 的另一个问题，如果你有想法，你介意看一下吗？谢谢！

【解决方案2】：

我建议您使用谷歌浏览器。它有一个非常好的开发工具。除了 ExtJs，在进行任何开发时使用 ext-all-dev.js 文件而不是 ext-all.js 或 ext-all-debug.js。这将非常有帮助。详情请查看this link。

您还可以通过在您的 javascript 文件中使用命令 debugger; 来设置断点。但要完成这项工作，请确保 firebug/developer 工具正在运行。

希望这会有所帮助。

【讨论】：