iOS PhoneGap调试工作流程

时间:2012-06-26 12:08:42

标签: javascript ios xcode cordova

如何在Xcode中调试javascript?

我可以做的一件事是在OS X Chrome浏览器中打开页面,但这自然不适用于涉及本机代码的应用程序流。我缺少一个聪明的Xcode技巧吗?

2 个答案:

答案 0 :(得分:16)

随着iOS 6的发布,Apple与Mac Safari 6一起为他们的Mobile Safari发布了远程Web Inspector,这是巨大的。基本上,您可以在常规Safari中为您的移动应用程序(包括Phonegap应用程序)提供Web Inspector的所有功能和强大功能。我使用过weinre,这使得它对于较新版本的iOS已经过时(但不适用于旧版本的iOS,非iOS设备,如Android,或者如果你在Windows上)。

以下是它的工作原理(需要Mac,运行iOS 6+模拟器或iOS 6+设备的xCode 4.5+以及Mac上的Safari 6+):

在您的ios模拟器或ios设备中,打开设置 - > Safari - >高级 - > Web Inspector - > (打开) 。 (这在默认情况下在模拟器中打开,但值得检查)

在Safari中,在您启动phoneGap / cordova应用程序及其已加载的&运行,从“开发”菜单访问iPhone模拟器或您的设备。您可以在Safari的高级首选项中启用“开发”菜单(如果尚未启用)。

底部的更多讨论: http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

(另外,如果你在某处读到“秘密私人接口”,这不再适用了。)

答案 1 :(得分:1)

尝试使用weinre,它是在移动设备上调试javascript应用程序的一个非常好的工具。

http://people.apache.org/~pmuellr/weinre/docs/latest/

虽然你仍然无法逐步调试脚本,因为它在桌面上提供但是提供了比xcode更多的细节(〜对于javascript)。