javascript - iOS PhoneGap 调试工作流程

Question

你如何在 Xcode 中调试 javascript？

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

Answer 1

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

以下是它的工作原理（需要 Mac，运行 iOS 6+ 模拟器的 xCode 4.5+ 或 iOS 6+ 设备，以及 Mac 上的 Safari 6+）：

在您的 ios 模拟器或 ios 设备中，打开 settings --> Safari --> Advanced --> Web Inspector --> (turn On) 。（这在模拟器中默认开启，但值得检查）

在 Safari 中，启动 phoneGap/cordova 应用程序并加载并运行后，从“开发”菜单访问 iPhone 模拟器或您的设备。您可以在 Safari 的“高级首选项”中启用“开发”菜单（如果尚未启用）。

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

（另外，如果您在某处读到“秘密私有接口”，这将不再起作用。）

Answer 2

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

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

尽管您仍然无法像在桌面上提供的那样逐步调试脚本，但它提供的细节比 xcode（~ 用于 javascript）要详细得多。