Phonegap - Xcode 中的 Javascript 调试答案

【问题标题】：Phonegap - Javascript debugging in XcodePhonegap - Xcode 中的 Javascript 调试
【发布时间】：2011-06-17 03:59:54
【问题描述】：

我正在开发一个基于 phonegap 的项目。我想使用一些调试工具，能够将一些变量等调试到 XCode 控制台等中。现在，我发现，为了做到这一点，我需要调用函数 console.log。

但是，问题是，在模拟器中运行应用程序时，XCode 控制台中没有显示调试信息...我使用的是 phonegap 版本 0.9.3，我做错了什么？

感谢回答

【问题讨论】：

您能解释一下文档中关于 console.log 的信息在哪里吗？我找不到它
您好，我通过升级到更高版本的phonegap解决了这个问题。我在 phonegap google group 中看到过，但可能是，该帖子今天已被删除。我建议你将你的代码升级到新版本的 phonegap，终于有稳定版本了

标签： javascript iphone xcode debugging cordova

【解决方案1】：

此功能是最近（两天前）完成的，不包含在 0.9.3 版本中。您可以查看此ticket in the issue tracker 了解更多信息。

要使其正常工作，您必须从 PhoneGap GitHub repository 中提取最新代码。从外壳：

$ git clone git://github.com/phonegap/phonegap-iphone.git

...然后从头开始构建源代码。那你应该看看吧！

或者，您将 console.log 语句替换为 debug.log，这将在 0.9.3 中起作用。

【讨论】：

【解决方案2】：

Lukas，有一个很棒的工具可以用来调试你的 phonegap 项目。

有了iWebInspector，你的Phonegap 应用程序基本上就拥有了Firebug。您甚至可以实时更改代码。

【讨论】：

【解决方案3】：

将以下内容粘贴到文档开头附近的某处，以便它在您的任何其他 JavaScript 之前执行。

<script type="text/javascript">
    window.onerror = function(message, url, lineNumber) {
        console.log("Error: "+message+" in "+url+" at line "+lineNumber);
    }
</script>

并享受在 Xcode 控制台窗口中查看 Javascript 错误的详细信息。

更新：上述技术将记录诸如未定义变量之类的错误。但是诸如缺少逗号之类的语法错误仍然会导致整个脚本中断而不记录任何内容。

因此，您应该在 onDeviceReady 函数的开头添加以下内容：

console.log('Javascript OK');

如果您在应用启动时没有在日志窗口中看到“JavaScript OK”，则表示您在某处出现语法错误。

为了避免寻找丢失的逗号，最简单的方法是将您的代码粘贴到 Javascript 验证器中，例如：

http://www.javascriptlint.com/online_lint.php

并让它为您找到错误。

希望这可以消除调试中的一些痛苦。

【讨论】：